/*=================================================================== Theme Name: Execute Theme URI: http://demo.themebeans.com/execute Author: ThemeBeans Author URI: http://themebeans.com Description: A full scale multipurpose & business WordPress theme. Version: 1.1.1 Tags: post-formats, theme-options, translation-ready, custom-menu, fluid-layout, responsive-layout, light, white, microformats Textdomain: bean License: GNU General Public License version 3.0 & Envato Regular/Extended License License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses All PHP code is released under the GNU General Public Licence version 3.0 All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License /*===================================================================*/ /*===================================================================*/ /* CSS RESET AND FRAMEWORK SETUP /* /*===================================================================*/ 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 { border:0; font-size:100%; font:inherit; margin:0; padding:0; text-decoration:none; vertical-align:baseline } img { vertical-align:bottom } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } body { line-height:1 } ol, ul { list-style:none } blockquote,blockquote p{ font-weight:bold; font-size:20px;} blockquote,blockquote p,blockquote h4{color:#1BBBAA} blockquote, q { quotes:none } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none } hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin:6px 0; } table { border-collapse:collapse; border-spacing:0 } .clearfix::after { content:""; display:table; clear:both } .none { display:none } /* GRID FRAMEWORK */ .row { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 50px; *zoom: 1;} .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } .columns .columns { padding: 0px; } .columns .columns .columns { padding: 0px; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"].end {float: left;} /* COLUMNS */ .one, .row .one { width: 8.33333%; } .two, .row .two { width: 16.66667%; } .three, .row .three { width: 25%; } .four, .row .four { width: 33.33333%; } .five, .row .five { width: 41.66667%; } .six, .row .six { width: 50%; } .seven, .row .seven { width: 58.33333%; } .eight, .row .eight { width: 66.66667%; } .nine, .row .nine { width: 75%; } .ten, .row .ten { width: 83.33333%; } .eleven, .row .eleven { width: 91.66667%; } .twelve, .row .twelve { width: 100%; } /* IMAGES */ img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } /* VISABILITY CLASSES */ .show-for-small { display: none!important; } /* FLOATS */ .left { float: left; } .right { float: right; } .text-right { text-align: right; } /* RESPONSIVE */ @media only screen and (max-width: 768px) { .row { padding: 0 30px; width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .row .row { } .column, .columns { padding: 0px; } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both; } .row .mobile-two { width: 50% !important; float: left; padding: 0 30px; } .row .mobile-two:last-child { float:left; } .row .mobile-two.end { float: left; } .row .mobile-four { width: 100% !important; float: left; } .row .mobile-four.end { float: left; } } /* SMALL DISPLAY TARGETS */ @media only screen and (max-width: 768px) { .hide-for-small { display: none!important;} .show-for-small { display: block!important;} } /*===================================================================*/ /* BEGIN THEME CSS /*===================================================================*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { text-rendering: optimizeLegibility; overflow-x: hidden; word-wrap: break-word; -webkit-overflow-scrolling:touch; } /* TYPOGRAPHY */ p, body, .entry-meta li.day, .bean-pricing-table .table-mast h5.title, .single-post article.entry-content h1.entry-title, .bean-pricing-table, .bean-pricing-table .table-mast p { font-family: "Source Sans Pro", Helvetica, sans-serif; font-size:20px; line-height: 1.7em; } h1, h5, textarea, .subtext, .rss-date, .viewer .caption, input[type="tel"], input[type="url"], input[type="text"], input[type="date"], input[type="time"], input[type="email"], input[type="number"], .comment-author span, .comment-author cite, #wp-calendar caption, input[type="search"], input[type="password"], input[type="datetime"], #cancel-comment-reply-link, .home-slide a.post-edit-link, .entry-content .wp-playlist-item-length, .widget_bean_tweets a.twitter-time-stamp, #edd_checkout_form_wrap select.edd-select, .widget_bean_home_page_content_overlay a.post-edit-link { font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 14px; line-height: 28px; } h1, h2, h3, h4, h5, h6 { font-weight: 500; } h1 { font-size: 34px; line-height: 50px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 3px; } h2 { font-size: 36px; line-height: 50px; margin-bottom: 20px; } h3 { font-size: 28px; line-height: 40px; margin-bottom: 10px; } h4 { font-size: 24px; line-height: 32px; margin-bottom: 5px; } h5 { font-size: 16px; font-weight: 600; line-height: 22px; text-transform: uppercase; letter-spacing: 3px; } h6 { font-size: 14px; font-weight: bold; line-height: 22px; margin-bottom: 20px; text-transform: uppercase; } em, cite { font-style: italic; } cite { display: block; } strong { font-weight: bold } strike, del { text-decoration: line-through; } abbr, acronym, ins { border-bottom: 1px solid; } abbr, acronym { cursor: help; text-transform: uppercase; } a { -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s;} p a, a.more, .pinglist a, a.rsswidget, .sidebar .widget li a, .related-wrap ol li a, .archives-list ul li a, .widget_bean_tweets li a, .widget_bean_tweets .button, .widget_bean_portfolio_menu li a { color: #696969; border-bottom: 2px solid #ECECEC; padding-bottom: 2px; } footer a { border-bottom-color: #323438!important; } .colophon a { border-bottom-color: #414141!important; } footer a:hover { border-bottom-color: #323438!important; } var, kbd, samp, code, pre { font: 16px/1.8 'Monaco', Courier, "Courier New", monospace; } pre { background-color: #F5F5F5; border-radius: 2px; clear: both; display: block; font-size: 13px; overflow: auto; padding: 30px; margin: 40px 0; white-space: pre-wrap; word-wrap: break-word; } blockquote { margin: 30px; } p, ul, ol, dl, dd, form table, address, fieldset, .post-password-form p:first-child { margin-bottom: 20px; } nav ul, #filter, header p, .colophon p, header form, .comments-title, header fieldset, .jp-interface ul, .related-title h1, #isotope-container, .post .entry-meta ul, .post-password-form p, .search .entry-meta ul, .blog section:last-child, .search section:last-child, .single-portfolio ul.stacked, .widget_bean_home_testimonials p, .widget_bean_home_testimonials ol, .single-portfolio ul.stacked li:last-child { margin-bottom: 0px; } /* TEXT MODS */ .subtext { text-transform: uppercase; } p.smaller { font-size: 20px!important; line-height: 1.6em!important; } /*===================================================================*/ /* GLOBAL STYLES (ELEMENTS WITH THE SAME COLORS/TRANSITIONS) /*===================================================================*/ /* textarea,.post-date, .wp-caption, .moderation, .comment-meta, .entry-meta li, .comment-meta a, .entry-meta li a, a.post-edit-link, .bean-likes span, .wp-caption-text, .gallery-caption, input[type="tel"], input[type="url"], input[type="text"], input[type="date"], input[type="time"], #wp-calendar tbody, input[type="email"], a.comment-edit-link, input[type="number"], input[type="search"], .widget_categories li, input[type="password"], input[type="datetime"], .entry-meta .post-tags a, header .secondary ul li a, .recent-post-tabs > li > a, #cancel-comment-reply-link, .single-post .entry-meta ul, .widget_bean_portfolio_menu li span, .entry-content .wp-playlist-item-length, .widget_bean_home_testimonials .subtext, .sidebar .widget_bean_tweets a.twitter-time-stamp, .widget_bean_home_portfolio ul#filter li a, .widget_bean_home_portfolio_lb ul#filter li a {color: #BCBCBC; } */ body, cite a, a:hover, form label, input:focus, .bean-tabs a, .logged-in-as, textarea:focus, textarea:focus, h4.entry-title a, .pinglist a:hover, .entry-meta li.day, .entry-meta li span, #wp-calendar caption, .logged-in-as a:hover, .bean-panel-title > a, h1, h2, h3, h4, h5, h6, .bean-tabs > li.active > a, header nav.primary ul li a, .related-wrap ol li a:hover, .archives-list ul li a:hover, .sidebar .widget ul li a:hover, .recent-post-tabs > li > a:hover, .fancybox-title-float-wrap .child, .entry-content .wp-playlist-item-title, .portfolio.isotope-item span.subtext a, .widget_bean_home_testimonials .subtext a:hover, .widget_bean_home_portfolio ul#filter li a:hover, .widget_bean_home_portfolio_lb ul#filter li a:hover, .widget_bean_home_portfolio ul#filter li a.active, .bean-pricing-table .pricing-column li.info:hover, .entry-content .wp-playlist-item .wp-playlist-caption { color: #282828; } h1 a, h2 a, h3 a, h4 a, .sidebar .widget_bean_tweets a.follow-link.button { color: #4a4a4a!important; } footer, .widget_bean_home_intro, header nav .sub-menu, .tagcloud a:hover, .edd_checkout a:hover, .edd-submit.button:hover, #edd-purchase-button:hover, input[type=submit].edd-submit.button:hover, .bean-control-paging li a:hover, .bean-control-paging li a.bean-active, .btn:hover, .button:hover, .bean-image-caption, .bean-slide-caption, .form-submit input[type="submit"]:hover, .btn[type="submit"]:hover, .button[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, header .search:focus, header .searchform.active, .recent-post-tabs > li.active > a, .recent-post-tabs > li.active > a:hover, .bean-pricing-table .table-mast, .bean-pricing-table .table-mast:hover, .recent-post-tabs > li.active > a:focus, .home-widgets .widget_bean_tweets, body.error404, .post.format-link .inner, .post.format-aside .inner, .post.format-quote .inner, body.page-template-template-comingsoon-php, body.page-template-template-underconstruction-php { background-color: #1d1d1d!important; } /* THUMB TRANSITIONS */ .grid-item img, .isotope-item .post-thumb img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .grid-item:hover img, .isotope-item .post-thumb:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /*===================================================================*/ /* FORM & INPUT STYLES /*===================================================================*/ /* THEME BUTTONS */ .btn, .button, .btn[type="submit"], .button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] { border: none;-webkit-border-radius:5px; border-radius:5px; color: #FFF!important; cursor: pointer; display: inline-block; font-size: 16px; margin: 1px 1px 4px 0; outline: none!important; padding: 14px 28px; text-align: center; width: auto; -webkit-appearance: none; -webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;font-weight: 500; } .btn:hover, .button:hover, .form-submit input[type="submit"]:hover, .btn[type="submit"]:hover, .button[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #FFF; } /* THEME FORMS */ form label { cursor: pointer; font-weight: 500; } span.required { color: #FF7373; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: #F5F5F5; border: none; border-radius: 2px; display: block; margin: 5px 0 10px; outline: none!important; padding: 9px 15px 7px; font-size: 17px; width: 100%; -webkit-appearance: none; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s;} textarea { display: block; height: 220px; padding: 9px 14px; } /* ERRORS */ label.error { display: none!important; } input.error, textarea.error, .wpcf7-not-valid, .requiredField.error { color: #FF7373!important; -webkit-animation-name: BeanErrorShake; -moz-animation-name: BeanErrorShake; -o-animation-name: BeanErrorShake; -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -ms-animation-duration: 4s; -o-animation-duration: 4s; } /* CONTACT FORM 7 COMPATIBILITY */ .wpcf7-form { margin-top: 60px; text-align: left; } .wpcf7-form input[type="text"] { margin-top: 10px; } .wpcf7-form select { background-color: #FFF; background: #FFF url(assets/images/select.png) no-repeat 97.5% 15px; border: 2px solid #ECECEC; border-radius: 2px; color: #B7B7B7; cursor: pointer; font: inherit; outline: none; padding: 8px 15px; width: 100%; -webkit-appearance: none; } .wpcf7-form select:hover { background-position: 97.5% -25px; } .wpcf7-not-valid-tip { background: none!important; border: none!important; color: #FF7373; position: relative!important; } div.wpcf7-mail-sent-ok { background: #3FC380; border: 2px solid #3FC380!important; border-radius: 2px; color: #FFF; } div.wpcf7-spam-blocked, div.wpcf7-mail-sent-ng, div.wpcf7-validation-errors { background: #FF4949; border: 2px solid #FF4949!important; border-radius: 2px; color: #FFF; } div.wpcf7-response-output { line-height: 26px; margin: 30px 0 0 0!important; padding: 0.6em 1em!important; text-align: center; } .wpcf7-form p { font-weight: 500; } .wpcf7-form span { color: #FF4949; font-size: 16px; font-weight: normal; margin-top: 10px; } .wpcf7-submit { padding: 8px 15px; } div.wpcf7 img.ajax-loader { display: inline; } /*===================================================================*/ /* THEME STRUCTURE /*===================================================================*/ .main { margin: 70px auto 100px } .row.content, .page .row.content.main.full-media-on, .page .row.content.main.full-media-off { margin-top: 200px; padding-top: 60px; } .row.content.main.full-media-on, .page .row.content.main.full-media-on { margin-top: 0px; } .row.full { padding: 0px; max-width: none; } p.full { width: 100%!important; } .content-left { padding-right: 6%; } .pull-right { padding-left: 15%!important } .header-above, .row.content.title-off.full-media-off, .page-feat-image.title-off.full-media-on { margin-top: 120px!important; } .row.home-template.header-above { margin-top: 80px!important; } .search .header-above, .archive .header-above, .single-portfolio .header-above { margin-top: 180px!important; } .single-post .row.content { margin-top:190px; } /*===================================================================*/ /* HEADER /*===================================================================*/ header { background-color: #FFF; background-color: rgba(255, 255, 255, 0.95); } /* LOGO */ .logo { position: relative; line-height: 50px; } .logo a h1 { margin: 3px 0 0; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s;} .logo img { top: 13px; position: relative; backface-visibility: hidden; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; } .logo img:hover { opacity: .5; } .logo, nav ul { display: inline-block; } .site-description { display: none; margin-left: 20px; position: relative; top: 3px; } /* MENU GLOBAL */ header ul li { display: inline-block; margin-right: 20px; } header ul li:last-child { margin-right: 0px; } /* PRIMARY MENU */ header nav.primary { display: inline-block; float: right; height: 80px; line-height: 80px; position: relative; } /* SECONDARY MENU */ header .row.secondary { max-width: none; height: 44px; } header .secondary { border: 1px solid #ECECEC; border-left: none; border-right: none; line-height: 38px; margin-bottom: -1px; text-align: center } header nav.secondary { border: none; } .page-template-template-portfolio-fullwidth-php header .secondary, .page-template-template-portfolio-fullwidth-lightbox-php header .secondary { border-bottom: none; } /* DROPDOWN REQUIRED STYLES */ header .sf-menu, .sf-menu * { padding: 0; list-style: none; } header .sf-menu li { position: relative; white-space: nowrap; } header .sf-menu li:hover > ul, header .sf-menu li.sfHover > ul { display: block; } header ul.sf-menu > li > a{ font-size:15px; /*font-weight:500 */} header .sf-menu a { position: relative; } header .sf-menu ul ul { left: 95%; top: -12px } header .sf-menu ul { display: none; left: 0px; min-width: 11.5em; position: absolute; top: 100%; z-index: 9999; } /* DROPDOWN CUSTOM STYLES */ header nav .sub-menu { padding: 12px 0 8px; } header nav .sub-menu li { display: block; text-align: left; margin: 0px; line-height: 20px; padding: 5px 15px; } header nav .sub-menu li a { display: block; width: 100%; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s;} header nav.primary .sub-menu li a:hover, header nav.primary .sub-menu li.current-menu-item a:hover { color: #FFF!important; } header nav .sub-menu li a, header nav .sub-menu li.current-menu-item a { color: #8B8B8B!important; } header nav .sub-menu li a, .current_page_item.menu-item-has-children:hover { cursor: pointer; } header nav .sub-menu a.sf-with-ul { background: url(assets/images/sf-arrow.png) no-repeat 100% 5px; } header nav .sub-menu a.sf-with-ul:hover { background-position: 100% -25px; } /* HEADER SEARCH */ .primary.header-search .main-menu { margin-right: 40px; } .primary.header-search ul li { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;} .primary.header-search ul.fadeout li { opacity: 0; } header .searchform { display: block; height: 100%; position: absolute; right: 0px; top: 0px; width: 20px; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; } header input.search { background: url(assets/images/sprite.png) no-repeat -63px -561px; border: none; color: transparent; margin: 0px; height: 80px; padding: 0px; width: 20px; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; } header input.search:hover { background-position: -63px -611px; cursor: pointer; } header .search:focus, header .searchform.active { background-position: -63px -611px; color: #B7B8B8; padding-left: 20px; padding-right: 20px; width: 100%; } header .search:focus { padding-left: 30px; } /* PAGE TITLE */ header .row.title { border: 1px solid #ECECEC; border-left: none; border-right: none; margin-bottom: -1px; overflow: hidden; max-width: none; padding: 27px 0 22px; text-align: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;} header .row.title .twelve.columns { padding: 0 50px; } header .row.title h1 { margin: 0px;font-size: 44px; } header .row.title.no-secondary { border-top: 1px solid #ECECEC; } header .row.title.fullwidth-media { border-bottom: none; } /* PAGE FEATURED IMAGE */ .page-feat-image { max-height: 620px; overflow: hidden; position: relative; } .page-feat-image img { width: 100%; } /*===================================================================*/ /* HEADROOOM CUSTOM SYTLES /*===================================================================*/ .headroom { position: fixed; top: 0; left: 0; right: 0; z-index: 999; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;} .logged-in.admin-bar .headroom { top: 32px; } .headroom--unpinned, .logged-in.admin-bar .headroom.headroom--unpinned { top: -220px; } .headroom--pinned { top: 0; } .headroom--not-top.headroom--pinned .row.title { padding: 10px 0 5px; } .headroom--not-top.headroom--pinned .row.title.fullwidth-media { border-bottom: 1px solid #ECECEC; } /*===================================================================*/ /* HELLO BAR /*===================================================================*/ #hello-bar { bottom: 0px; height: 65px; overflow: hidden; position: fixed; width: 100%; visibility: visible!important; z-index: 9999; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; -webkit-animation-name: helloslideup; animation-name: helloslideup; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: .25s; animation-duration: .25s;-webkit-animation-timing-function: ease; animation-timing-function: ease; } #hello-bar p { color: #FFF; font-size: 16px; font-weight: 500; text-align: center; margin: 0; line-height: 65px; } #hello-bar a { color: #FFF; border-color: #FFF!important; } #hello-bar a:hover { opacity: .75; } #hello-bar .close a { background: url(assets/images/sprite.png) no-repeat -38px -1317px; display: block; height: 65px; opacity: .5; position: absolute; right: 0px; text-indent: -9999em; top: 0px; width: 65px; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out;} #hello-bar .close a:hover { opacity: 1; } @keyframes helloslideup { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } @-webkit-keyframes helloslideup { 0% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); } } /*===================================================================*/ /* FOOTER /*===================================================================*/ footer { padding: 120px 0; } footer, footer p { font-size: 18px; line-height: 1.6em; } footer, footer p, footer a, .colophon { color: #787879; } footer a:hover, .colophon a:hover { color: #FFFFFF; } footer li a { border: none; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer .widget-title { color: #FFFFFF; } footer input[type="text"], footer input[type="password"], footer input[type="date"], footer input[type="datetime"], footer input[type="email"], footer input[type="number"], footer input[type="search"], footer input[type="tel"], footer input[type="time"], footer input[type="url"], footer textarea { border: none; } footer .widgets .widget { margin-bottom: 50px; } footer .widgets .widget:last-child { margin-bottom: 0px!important; } footer .widgets .widget .widget-title { margin-bottom: 25px; } footer .widgets .footer-col-1, footer .widgets .footer-col-2, footer .widgets .footer-col-3 { padding-right: 15px; } footer .widgets .footer-col-3 > .widget.widget_text{margin-bottom: 77px;} footer ul.portfolio-grid li,.home footer ul.portfolio-grid li {margin: 1%; width:23%} footer #wp-calendar thead th, footer #wp-calendar tbody td { background-color: #222; } footer #wp-calendar caption { color: #FFF; font-size: 18px; margin-bottom: 30px; } footer .widget_bean_tweets a.twitter-time-stamp { color: #525252!important; } footer .widget_bean_tweets li a, footer .widget_bean_tweets .button:hover { color: #FFF!important; } /* THIRDS */ footer .widgets.thirds { text-align: center; } footer .widgets.thirds .columns { padding: 0 3%!important; } footer .widgets.thirds .footer-col-2 { border: 2px solid #383838; border-top: none; border-bottom: none; } /* COLOPHON */ .colophon { background-color: #313131; overflow: hidden; padding: 35px 0 30px; } ul.colophon-social { margin: 0; text-align: right; } ul.colophon-social li { display: inline-block; opacity: .65; } ul.colophon-social li a { background-color: #222; background-image: url(assets/images/social.png); border-radius: 100%; display: inline-block; height: 36px; width: 36px; vertical-align: middle; } ul.colophon-social li:hover { opacity: 1; } ul.colophon-social li.facebook a { background-position: -32px -32px; } ul.colophon-social li.twitter a { background-position: -32px -82px; } ul.colophon-social li.dribbble a { background-position: -32px -132px; } ul.colophon-social li.pinterest a { background-position: -32px -182px; } ul.colophon-social li.linkedin a { background-position: -32px -232px; } ul.colophon-social li.vimeo a { background-position: -32px -282px; } ul.colophon-social li.envato a { background-position: -32px -332px; } ul.colophon-social li.email a { background-position: -32px -382px; } ul.colophon-social .tooltip { font-size: 13px; } /*===================================================================*/ /* /* THEME TEMPLATES /* /*===================================================================*/ /*===================================================================*/ /* HOME TEMPLATE /*===================================================================*/ .row.home-template { max-width: none; padding: 0px; } .home-widgets .widget { padding: 90px 0; } .home-widgets .widget, .home-widgets .widget p { font-size: 22px; line-height: 36px; } /* HOME INTRO WIDGET */ .home-widgets .widget.widget_bean_home_intro{padding:40px 0;} .widget_bean_home_intro { color: #FFF; text-align: center; } .widget_bean_home_intro h2 { color: #FFF; margin-bottom: 0px; } .widget_bean_home_intro h2 a { color: #1CCCA0 !important;} .widget_bean_home_intro h2 a:hover { border-bottom: 2px solid #1CCCA0 ; } .page-widget-area .widget_bean_home_intro { border-bottom: 1px solid #353535; } /* HOME TWITTER WIDGET */ .home-widgets .widget_bean_tweets { color: #FFF; text-align: center; font-size: 36px; line-height: 50px; } .home-widgets .widget_bean_tweets ul { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 50px; } .home-widgets .widget_bean_tweets ul li { width: 66.66667%; margin: 0 auto; } .home-widgets .widget_bean_tweets ul li a { color: #FFF; } .home-widgets .widget_bean_tweets ul li a:hover { border-bottom-color: #FFF!important; } .home-widgets .widget_bean_tweets a.twitter-time-stamp { color: #787879; margin-bottom: 0px; } .home-widgets .widget_bean_tweets .button { display: none; } /* HOME DIVIDE WIDGET */ .widget.widget_bean_home_divide { background-color: #ECECEC; height: 2px; padding: 0px!important; } /* HOME RECENT POSTS WIDGET */ .widget_bean_home_recent_posts, .widget_bean_home_recent_posts .entry-content { text-align: center!important; } .widget_bean_home_recent_posts .entry-meta { margin-top: 30px; } .widget_bean_home_recent_posts .entry-meta li { display: inline-block; margin: 0 10px; } .recent-post-tabs { margin-bottom: 50px!important; } .recent-post-tabs > li { display: inline-block; list-style: none; margin: 0 25px; } .recent-post-tabs > li > a { border-radius: 3px; padding: 0px 15px; height: 50px; display: block; line-height: 50px; font-size: 18px; position: relative; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; } .recent-post-tabs > li.active > a, .recent-post-tabs > li.active > a:hover, .recent-post-tabs > li.active > a:focus { cursor: default; color: #FFF; } .recent-post-tabs > li.active > a:after { content: ""; width: 0; height: 0; position: absolute; top: 45px; left: 38%; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #282828; } .widget_bean_home_recent_posts .bean-tab-pane { float: left; opacity: 0; text-align: center; width: 100%; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .widget_bean_home_recent_posts .bean-tab-pane.in { opacity: 1; } .widget_bean_home_recent_posts .bean-tab-content { background-color: transparent; border: none; margin-bottom: 0px; } .widget_bean_home_recent_posts .bean-tab-content > .bean-tab-pane { display: none; } .widget_bean_home_recent_posts .bean-tab-content > .active { display: block; } /* HOME PAGE CONTENT WIDGET */ .widget_bean_home_page_content, .widget_bean_home_page_content p { text-align: center; } .widget_bean_home_page_content .page-feat-image { margin: -100px 0 100px; } .widget_bean_home_page_content p:last-of-type { margin-bottom: 0px; } /* HOME PAGE OVERLAY WIDGET */ .widget_bean_home_page_content_overlay { overflow: hidden; padding: 0!important; position: relative; } .widget_bean_home_page_content_overlay .post-inner { text-align: center; padding: 100px 6%; background-position: center center; background-repeat: no-repeat; overflow: hidden; -webkit-background-size: cover!important; -khtml-background-size: cover!important; -moz-background-size: cover!important; -ms-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; } .widget_bean_home_page_content_overlay .post-inner p { float: none; margin: 0 auto; text-align: center; width: 75%; min-height: 1px; padding: 0 15px; position: relative; } .widget_bean_home_page_content_overlay .post-inner.feat-img, .widget_bean_home_page_content_overlay .post-inner.feat-img p, .widget_bean_home_page_content_overlay .post-inner.feat-img h1, .widget_bean_home_page_content_overlay .post-inner.feat-img h2, .widget_bean_home_page_content_overlay .post-inner.feat-img h3, .widget_bean_home_page_content_overlay .post-inner.feat-img h4 { color: #FFF; } .widget_bean_home_page_content_overlay .post-inner.feat-img a.bean-btn { background: none; border-color: #FFF!important; border-width: 2px!important; } .widget_bean_home_page_content_overlay .post-inner.feat-img a.bean-btn:hover { background-color: #FFF!important; color: #282828!important; } .widget_bean_home_page_content_overlay p:last-of-type { margin-bottom: 0px; } /* HOME FEATURES WIDGET */ .widget_bean_home_features { text-align: center; } .widget_bean_home_features h3 { margin-top: 5px; color:#1BBBAA; font-weight:300; font-size:32px; text-align:center} .widget_bean_home_features h3, .widget_bean_home_features .feature-icon { margin-bottom: 30px; } .widget_bean_home_features .columns, .widget_bean_home_features .bean-one-third { padding: 0 3%; } .widget_bean_home_features .columns.col-2, .widget_bean_home_features .bean-one-third { border: 2px solid #ECECEC; border-top: none; border-bottom: none; } .widget_bean_home_features .bean-one-third .feature-icon,.widget_bean_home_features .bean-one-third h3{ text-align:center;} /* HOME PORTFOLIO WIDGETS */ .widget_bean_home_portfolio, .widget_bean_home_portfolio_lb { margin: -100px 0; } .widget_bean_home_portfolio ul#filter, .widget_bean_home_portfolio_lb ul#filter { line-height: 41px; text-align: center } .widget_bean_home_portfolio ul#filter li, .widget_bean_home_portfolio_lb ul#filter li { display: inline-block; margin-right: 20px; } .widget_bean_home_portfolio ul.portfolio-grid, .widget_bean_home_portfolio_lb ul.portfolio-grid { overflow: visible; } /* HOME TESTIMONIALS */ .widget_bean_home_testimonials { overflow: hidden; text-align: center; } .widget_bean_home_testimonials .flexslider { cursor: default; } .widget_bean_home_testimonials .bean-control-thumbs li { display: inline; margin: 0 3px; } .widget_bean_home_testimonials .bean-control-thumbs li img { border-radius: 100%; width: 70px; opacity: .4; cursor: pointer; } .widget_bean_home_testimonials .bean-control-thumbs li img.bean-active { position: relative; opacity: 1; top: -10px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;} .widget_bean_home_testimonials ol { margin-top: 40px; } /* HOME SKILLS */ .widget_bean_home_skills { padding: 0!important; text-align: center; margin-left:} .widget_bean_home_skills .skill-percent { float: right; } .widget_bean_home_skills .skills li { background-color: #BCBCBC; color: #FFF; padding: 15px 25px; text-align: left; } /*===================================================================*/ /* HOME SLIDER /*===================================================================*/ .home-slider { text-align: center; z-index: 9997; } .home-slide { padding:16.7% 0%;} .home-slide a.post-edit-link, .widget_bean_home_page_content_overlay a.post-edit-link { text-transform: uppercase; position: absolute; bottom: 20px; right: 30px; } .home-slide h1 { font-family: Helvetica, sans-serif; font-size: 70px; font-weight: bold; line-height: 90px; margin-bottom: 30px; } .home-slide p { margin: 0 auto; width: 66%; } /* SLIDE LIGHT TEXT STYLE */ .home-slide, .home-slide p, .home-slide h1, .home-slide h2, .home-slide h3, .home-slide h4, .home-slide h5, .home-slide h6 { color: #FFF; } .home-slide a { border-bottom: none; padding: 0; } /*===================================================================*/ /* CONTACT TEMPLATE /*===================================================================*/ .g-map { position: relative; padding-bottom: 40%; height: 0; } .g-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .g-map iframe { width: 100%; overflow:hidden; } #BeanForm { margin-top: 60px!important; text-align: left; } .entry-content ul.bean-contactform { margin-bottom: 20px!important; } ul.bean-contactform label { display: none; } ul.bean-contactform input, ul.bean-contactform textarea { margin-bottom: 20px; } ul.bean-contactform li.six.name { float: left; padding-right: 10px; } ul.bean-contactform li.six.email { float: left; padding-left: 10px; } .contact-alert { background-color: #F5F5F5; border-radius: 2px; color: #FFF; height: 38px; font-size: 14px; line-height: 38px; text-align: center; } .contact-alert.fail { background-color: #FF5F49; } .contact-alert.success { background-color: #3FC380; } /*===================================================================*/ /* ARCHIVES / SITE MAP TEMPLATE /*===================================================================*/ .archives-list { margin-top: 60px; } .archives-list p.subtext { margin-bottom: 10px; } .archives-list ul { margin: 0 auto 60px; margin: 0 auto 5rem; } .archives-list ul:last-child { margin-bottom: 0!important; } .archives-list ul.children { margin: 0 0 10px 15px!important; } .text-centered .archives-list ul { list-style: none; } /*===================================================================*/ /* SEARCH TEMPLATE /*===================================================================*/ .search-no-results .main { text-align: center; } .search .content #searchform .button[type="submit"] { display: none; } .search li.isotope-item { text-align: left!important; } .search header .row.title.fullwidth-media { border-bottom: 1px solid #ECECEC; } .search .portfolio.isotope-item .entry-meta { margin-top: 30px; } /*===================================================================*/ /* 404, COMING SOON & UNDER CONSTRUCTION /*===================================================================*/ body.error404, body.page-template-template-comingsoon-php, body.page-template-template-underconstruction-php { padding-top: 10%; text-align: center; } body.page-template-template-comingsoon-php .row.content, body.page-template-template-underconstruction-php .row.content { margin-top: 0px!important; } body.error404 .entry-content, body.page-template-template-comingsoon-php .entry-content, body.page-template-template-underconstruction-php .entry-content { text-align: center!important; } body.error404 a:hover, body.error404 .entry-content p.title, body.page-template-template-comingsoon-php h1, body.page-template-template-underconstruction-php h1 { color: #FFF!important; } body.error404 p, body.page-template-template-comingsoon-php p, body.page-template-template-underconstruction-php p { margin-bottom: 10px; } body.error404 p, body.error404 a, body.page-template-template-comingsoon-php p, body.page-template-template-comingsoon-php a, body.page-template-template-underconstruction-php p, body.page-template-template-underconstruction-php a { color: #787879; } body.error404 a, body.page-template-template-comingsoon-php a, body.page-template-template-underconstruction-php a { border-color: #323438; } body.error404 a:hover, body.page-template-template-comingsoon-php a:hover, body.page-template-template-underconstruction-php a:hover { border-color:#FFF; } body.error404 .colophon, body.page-template-template-comingsoon-php .colophon, body.page-template-template-underconstruction-php .colophon { display: none; } body.error404 .error-logo { margin-bottom: 30px; } /* COMING SOON PANELS */ .bean-coming-soon { float: left; margin-top: 50px; min-height: 160px; width: 100%; } .bean-coming-soon .count { color: #FFF; font-size: 80px; font-weight: bold; line-height: 90px; } .bean-coming-soon .count-inner .fadein { background-color: #333; border-radius: 4px; margin-bottom: 15px; padding: 30px 0; } .bean-coming-soon .subtext { color: #787879; } .bean-coming-soon .count-inner .fadein { -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -ms-animation-delay: 1.4s; -o-animation-delay: 1.4s; } /*===================================================================*/ /* /* BLOGROLL & ARCHIVE VIEWS /* /*===================================================================*/ section { clear: both; } .post .entry-content-media { margin: 0 0 35px 0; } .post .entry-content { text-align: left; } /* POST FORMATS */ .post.format-link .inner, .post.format-aside .inner, .post.format-quote .inner { color: #FFF; padding: 30px; } section.post.format-image p:last-child, section.post.format-aside p:last-child { margin-bottom: 0px; } /* SINGLE POST FORMATS */ .single .format-aside .inner, .single .format-link .entry-content, .single .format-quote .inner, .single .format-link .inner { margin-top: 10px; margin-bottom: 60px; } .single .entry-link h1 a, .single .entry-link a.link { color: #FFF!important; } .single .inner .subtext { opacity: .5; } /*POST PAGINATION */ .singlepost.pagination a { background: url(assets/images/sprite.png) no-repeat -47px -27px; display: block; height: 36px; top: 4px; width: 19px; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -ms-animation-duration: .4s; -o-animation-duration: .4s;} .singlepost.pagination .page-prev a { background-position: -65px -132px; position: absolute; right: 30px; -webkit-animation-name: fadeinright; -moz-animation-name: fadeinright; -o-animation-name: fadeinright; } .singlepost.pagination .page-prev a:hover { background-position: -65px -232px; } .singlepost.pagination .page-next a { background-position: -65px -332px; left: 30px; position: absolute; -webkit-animation-name: fadeinleft; -moz-animation-name: fadeinleft; -o-animation-name: fadeinleft; } .singlepost.pagination .page-next a:hover { background-position: -65px -432px; } /* ARCHIVES */ .row.content.archive { margin-bottom: 45px; } .row.content.archive h1.entry-title { text-transform: capitalize; } .archive.author h1.entry-title { text-transform: none!important; } .author-avatar img { border-radius: 50%; margin-bottom: 25px; position: relative; float: none; } /* PASSWORD PROTECTED */ .post-password-form input[type="password"] { width: 65%; } .post-password-form { margin-bottom: 50px; } /*===================================================================*/ /* /* SINGLE POST /* /*===================================================================*/ .single-post article.entry-content { padding-left: 6%; } .single-post article.entry-content h1.entry-title { font-size: 35px; line-height: 45px; letter-spacing: normal; text-transform: none; margin-bottom: 22px; } .single-post .sidebar.sidebar-right { margin-top: -7px; } /* ENTRY META */ .single-post .entry-meta ul { background: #F5F5F5; text-align: center; margin-top: 10px; padding: 14% 0; } .entry-meta li { display: block; margin: 0 0 15px; } .entry-meta li:last-child { margin: 0; } .entry-meta li.day { display: inline-block; font-size: 50px; line-height: 50px; letter-spacing: -4px; text-align: center; width: 100%; margin: 0px; } .entry-meta li.month { text-transform: uppercase; } .entry-meta .post-categories, .entry-meta .post-categories li { margin: 0px!important; padding: 0px!important; } .post .entry-meta li span, .page .entry-meta li span { display: block; } /* POST TAGS */ .entry-meta .post-tags { margin-top: 10px; word-wrap: break-word; white-space: normal; } .entry-meta .post-tags a { background-color: #F5F5F5; display: inline-block; padding: 2px 6px 0px; line-height: 24px; margin: 0 4px 4px 0; } /* POST SHARING */ ul.post-sharing { background: none!important; padding: 0px!important; } ul.post-sharing li { display: block; margin-bottom: -8px; } ul.post-sharing li a { background: url(assets/images/sprite.png) no-repeat; border-radius: 2px; display: inline-block; height: 40px; width: 100%; margin: 0px; } ul.post-sharing li.facebook a { background-color: #3B5998; background-position: 50% -831px; } ul.post-sharing li.facebook a:hover { background-color: #4163AA; } ul.post-sharing li.twitter a { background-color: #4099FF; background-position: 50% -880px; } ul.post-sharing li.twitter a:hover { background-color: #51A2FF; } ul.post-sharing li.pinterest a { background-color: #FF545C; background-position: 50% -929px; } ul.post-sharing li.pinterest a:hover { background-color: #FF5F67; } /* MOBILE META */ .single-post .show-for-small ul.post-categories { background: none; text-align: left; } .single-post .show-for-small ul.entry-meta { margin-top: 35px; } /* POST LIKES */ .bean-likes span { display: inline!important; } .bean-likes { background: url(assets/images/sprite.png) no-repeat -67px -1283px; padding-left: 20px!important; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; } .bean-likes.active { background-position: -67px -1298px; } .bean-likes.active, .isotope-item .entry-meta .bean-likes.active:hover, .bean-likes.active span.count { color: #FF6467!important; cursor: default; } /* ENTRY CONTENT */ .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 { margin-bottom: 20px; } .entry-content ul { list-style-type: disc; margin-left: 20px; } entry-content .bean-tab-content ul {margin-left: 30px;} .entry-content ol li ul, .entry-content ul li ol, .entry-content ul li ul, .entry-content ol li ol { margin: 10px 0 10px 15px; } .entry-content ol { list-style-type: decimal; margin-left: 20px; } .entry-content form ul { margin: 0px!important; } .entry-content form li { list-style: none; } .entry-content .bean-one-third ul { list-style: none; margin-left: 0px; } /* MEDIA */ .format-audio .entry-content-media { position: relative; } .jp-audio { bottom: 3%; padding: 0 2%; position: absolute; width: 100%; } .isotope-item .jp-audio { bottom: 0; padding: 0; } /* RELATED POSTS */ .related-wrap ol { margin-bottom: 35px; } .related-wrap ol li { list-style-type: decimal; margin-left: 25px; } .related-wrap ol li a span { opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s;} .related-wrap ol li a:hover span { opacity: 1; } /*===================================================================*/ /* WORDPRESS DEFAULT STYLING /*===================================================================*/ .single-post .entry-content img, .single-post .entry-content img a { margin: 40px 0px 40px 0px; } /* IMAGES */ .slider img, .image-frame img, .entry-content p img, .attachment .post-box img, .content .gallery .gallery-icon img { display: block; background: transparent; } .image-frame img, .attachment .post-box img, .post-thumb img { height: auto; } .entry-content .entry-content-media img { margin: 0; } .content .gallery-item { float: left; margin: 0; padding: 0; } header .secondary ul#filter li a,.widget_bean_home_portfolio ul#filter li a{ color:#616161!important; font-size:15px;} .content .gallery .gallery-icon img { margin-bottom: 0!important; } .entry-content img, .comment-content img, .widget img { max-width: 100%; } .entry-content img.size-full, .entry-content img.size-large { max-width: 100%; width: auto; height: auto; display: block; } .entry-content img.wp-smiley { display: inline-block; } img.aligncenter { margin-left: auto!important; margin-right: auto!important; display: block; clear: both; } img.alignleft { float: left; margin-right: 40px!important; margin-bottom:6px } img.alignright { display: block; float: right; margin-left: 40px!important;margin-bottom:6px } .wp-smiley { max-height: 13px; margin: 0 !important; } .gallery { margin: auto; float: left; width: 100%; } .gallery-item { float: left; text-align: center; margin-left: 0; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } .gallery-image { margin-left: 0; } .gallery-caption { margin-left: 0; font-weight: bold; } .gallery-item .gallery-caption { margin-bottom: 0 !important; padding-right: 12%; } .wp-caption img, .gallery-item img, .wp-caption img a { margin: 10px 0px!important; padding: 0; border: none!important; } .wp-caption { max-width: 100%; } .wp-caption .wp-caption-text, .gallery-caption { margin: 0; padding: 5px; text-align: center; font-size: 12px; font-weight: normal; line-height: 22px; margin-bottom: 20px; } img#wpstats { display: none; } /* STICKY POST */ .sticky { } .twitter-tweet { margin: 40px 0!important; width: 100%; } /* SINGLE ATTACHMENT */ .single-attachment h1.entry-title { text-transform: capitalize; } .single-attachment .entry-content-media img { margin: 30px 0 0; } /* SHORTCODE OVERRIDES */ p:empty { display: none; } .bean-alert, .bean-panel-body, .bean-tab-content, .bean-tabs > li > a, .bean-panel-title > a { text-align: left; } .bean-tabs > li { margin-bottom: 5px; } .bean-tabs a, .bean-panel-title > a, .bean-tabs > li.active > a { font-weight: 500; } /*===================================================================*/ /* /* COMMENTS /* /*===================================================================*/ /* LAYOUT */ .comment-wrap, .related-wrap { padding-left: 6%; clear: both; padding-top: 30px; } .comment-wrap:after, .comment-wrap:before { content: ""; display: table; } .comment-respond { margin-top: 6%; } #respond, #comments, .comment-body, #comments-list, #comments-list ol li { float: left; position: relative; text-align: left; width: 100%; } #comments ul { list-style: none!important; } .commentlist { float: left; list-style-type: none!important; margin: 20px 0 0!important; width: 100%; } /* COMMENT */ .avatar { border-radius: 2px; float: right; margin-top: 10px; } .avatar img { border-radius: 2px; } .comment-author span, .comment-author cite { display: inline-block; font-style: normal; text-transform: uppercase; } .comment-body { clear: both; margin: 5px 0px 15px; } .comment-body ul, .comment-body ol { list-style-type: disc; } .moderation { display: block; font-style: normal; margin-top: -10px; } .bypostauthor { } /* CHILDREN */ .comments .children { margin: 0 0 0 7.5%; } /* COMMENT FORM */ .comment-form h3 { margin: 0px; } .comment-form label { left: 10px; position: relative; top: 6px; } .comment-form input, .comment-form textarea { float: left; margin: 0px; } .comment-form p { overflow: hidden; } .comment-form a { border-bottom: none; } .comment .comment-form { margin-bottom: 10px; margin-top: 0px; padding-bottom: 30px; padding-top: 0px; } .comment .logged-in-as, .logged-in .comment #cancel-comment-reply-link { display: none; } #cancel-comment-reply-link { position: absolute; text-transform: uppercase; right: 0; top: 10px } /* PINGS */ .pinglist { float: left; } /* PAGE COMMENTS */ .page #comments { border-top: 1px solid #E5E5E5; margin-top: 50px; padding-top: 70px; } /*===================================================================*/ /* /* JPLAYER STYLES /* /*===================================================================*/ /*===================================================================*/ /* JPLAYER BASE /*===================================================================*/ .jp-interface, .entry-content .mejs-container, .entry-content .mejs-container .mejs-controls { background: #282828; background: rgba(40, 40, 40, 0.90); margin: 0 auto; height: 50px!important; overflow: hidden; position:relative; } .entry-content .mejs-container .mejs-controls { padding-right: 10px; } .entry-content .mejs-container { background: #282828; } .entry-content .mejs-controls .mejs-play button { background-position: -25px -24px; } .entry-content .mejs-controls div.mejs-time-rail { padding-top: 18px; padding-right: 10px; } .entry-content .mejs-container .mejs-controls .mejs-time { display: none; height: 31px; margin: 0; padding: 20px 10px 0 35px; width: 30px; } .entry-content .mejs-container .mejs-controls .mejs-time.mejs-duration-container { padding: 20px 10px 0 13px; } .entry-content-media-audio { position: relative; } ul.jp-controls, .entry-content .mejs-controls .mejs-playpause-button button { border-right: 1px solid rgba(255, 255, 255, 0.1)!important; } .entry-content .mejs-controls .mejs-volume-button button { border-left: 1px solid rgba(255, 255, 255, 0.1)!important; } ul.jp-controls, .jp-interface ul.jp-controls li { position: absolute; width: 50px; height: 50px; } .jp-interface ul.jp-controls a { display:block; outline: none!important; overflow:hidden; overflow: hidden; position: absolute; text-indent: 100%; white-space: nowrap; z-index: 2; } .jp-interface ul.jp-controls a span { display:block; overflow: hidden; text-indent: 100%; } a.jp-play span, a.jp-pause span, .entry-content .mejs-controls .mejs-button button { height: 50px; margin: 0; width: 50px; } /* BASE ICON POSITIONING */ .entry-content .mejs-controls .mejs-playpause-button { width: 60px; } .entry-content .mejs-controls .mejs-button.mejs-volume-button { width: 45px; } a.jp-play span, .entry-content .mejs-controls .mejs-play button { background: url(assets/images/jplayer.png) -25px -24px no-repeat; } a.jp-pause span, .entry-content .mejs-controls .mejs-pause button { background: url(assets/images/jplayer.png) -25px -73px no-repeat; display: none; } .entry-content .mejs-controls .mejs-pause button { display: block; } a.jp-play:hover span, a.jp-pause:hover span, .entry-content .mejs-controls button:hover { opacity: .7; } .entry-content .mejs-controls .mejs-volume-button button { background: url(assets/images/jplayer.png) no-repeat; } .entry-content .mejs-controls .mejs-volume-button.mejs-mute button { background-position: -25px -175px; } .entry-content .mejs-controls .mejs-volume-button.mejs-unmute button { background-position: -25px -125px; } /* PROGRESS BARS */ div.jp-progress { background-color: #FFF; margin: 22px 22px 0 72px; } div.jp-seek-bar { cursor:pointer; height:100%; width:0; } div.jp-play-bar, .entry-content .mejs-controls .mejs-time-rail span { height: 6px; width:0; } .entry-content .mejs-controls .mejs-horizontal-volume-slider div { height: 6px; } .entry-content .mejs-controls .mejs-time-rail span, .entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0px; } .entry-content .mejs-controls .mejs-time-rail span.mejs-time-total { background: #F5F5F5; } .entry-content .mejs-controls .mejs-time-rail span.mejs-time-loaded, .entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #FFF; } .entry-content .mejs-controls .mejs-time-rail span.mejs-time-float { display: none!important; } .entry-content .mejs-controls div.mejs-horizontal-volume-slider { margin-top: 12px; } /* AUDIO JPLAYER SPECIFIC */ .jp-audio, .jp-video { clear: both; } /* VIDEO JPLAYER SPECIFIC */ .jp-video .jp-jplayer { height: auto!important; } .jp-video .jp-interface { background-color: #282828; margin: -9px 0 0 0; } .fluid-width-video-wrapper iframe { border: none; } .icon.lightbox-play { background: url(assets/images/sprite.png) no-repeat -17px -693px; border-radius: 50%; bottom: 0; left: 0; display: block; height: 114px; margin: auto; position: absolute; right: 0; top: 0; width: 114px; } /*===================================================================*/ /* WP PLAYLIST CUSTOM THEME /*===================================================================*/ .entry-content .wp-playlist { border: none; padding: 0; margin: 50px 0 20px; font-size: inherit; line-height: inherit; } .entry-content .wp-playlist-current-item { padding: 5% 0; background: #F5F5F5; display: none; /* REMOVE THIS TO DISPLAY ARTWORK */ } .entry-content .wp-playlist .mejs-container { margin: 0; width: 100%; } .entry-content .wp-playlist-caption { max-width: 100%; } .entry-content .wp-playlist-item-title, .entry-content .wp-playlist-item .wp-playlist-caption { font-size: 18px; line-height: 1.8em; font-weight: normal; } .entry-content .wp-playlist-item-album { font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .entry-content .wp-playlist-item-length { text-transform: uppercase; position: absolute; right: 0; top: 3px; } .entry-content .wp-playlist-tracks { margin: 0px; padding: 2% 0; } .entry-content .wp-playlist-item { position: relative; cursor: pointer; padding: 0; border-bottom: 1px solid #ECECEC; } .entry-content .wp-playlist-light .wp-playlist-playing .wp-playlist-item-title, .entry-content .wp-playlist-dark .wp-playlist-playing .wp-playlist-item-title {font-weight:normal;} .entry-content .wp-playlist-current-item { height: auto; text-align: center; margin: 0; } .entry-content .wp-playlist .wp-playlist-current-item img { float: none; max-width: 150px; height: auto; padding: 0; border: 0; margin: 0 0 10px; } /*===================================================================*/ /* /* POST GRIDS /* /*===================================================================*/ /* CUSTOM ISOTOPE */ #isotope-container { padding: 20px 20px 30px; -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s;} .isotope-item { position: relative; width: auto; padding: 20px 20px 20px; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s;} .isotope-item .inner { padding: 30px; } .isotope-item .post-thumb { margin-bottom: 25px; } .isotope-item img { height: auto; max-width: 100%; vertical-align: bottom; width: auto; } .isotope-item p { font-size: 18px; line-height: 1.6em; margin-bottom: 0px; } .isotope-item .entry-meta { margin: 30px 0; } .isotope-item .entry-meta li { display: block; line-height: 24px; margin: 0; } .isotope-item .entry-meta .post-categories li { display: inline-block; } .filtered.inactive { opacity: .1!important; pointer-events: none; -webkit-filter: grayscale(1); -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -ms-transition: opacity .1s; -o-transition: opacity .1s;} /* DEFAULT ISOTOPE */ .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; } .isotope, .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; } /* GRID POST FORMATS */ .isotope-item.format-link .inner, .isotope-item.format-aside .inner, .isotope-item.format-quote .inner { position: relative; } .format-quote .inner h1, .format-link .inner h1, .isotope-item.format-link .inner, .isotope-item.format-aside .inner, .isotope-item.format-quote .inner, .isotope-item.format-link .inner h4, .isotope-item.format-quote .inner h4 { color: #FFF; } .isotope-item.format-link .inner span, .isotope-item.format-quote .inner span { opacity: .5; } .isotope-item.format-image .post-thumb { margin-bottom: 0; } .isotope-item.format-link, .isotope-item.format-quote, .isotope-item.format-aside, .isotope-item.format-image { padding-bottom: 55px; } /* PORTFOLIO ISOTOPE */ .portfolio.isotope-item { text-align: center; } .portfolio.isotope-item .entry-meta { margin-top: 0px; } /* FILTER */ #filter li:first-child { margin-right: 12px!important; } /* LOAD MORE */ #load-posts { color: #FFF; display: block; margin-top: 30px; padding: 20px 0 18px; text-align: center; width: 100%; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s;} #load-posts span.loading { display: none; } #load-posts.loading span { display: none; } #load-posts.loading span.loading { display: inline-block; } #load-posts.load-more-out { height: 0; padding: 0; visibility: hidden; } #load-posts:hover { color: #FFF; } /* LOADING ANIMATION */ .spinner { margin: 0 auto; width: 80px; height: 18px; text-align: center; font-size: 7px; line-height: 0; } .spinner > div { background-color: #FFF; height: 100%; width: 6px; display: inline-block; position: relative; top: 3px; -webkit-animation: loadmorerect 0.9s infinite ease-in-out; animation: stretchdelay 0.9s infinite ease-in-out; } .spinner .rect2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .spinner .rect3 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .spinner .rect4 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .spinner .rect5 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } @-webkit-keyframes loadmorerect { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes loadmorerect { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } /*===================================================================*/ /* /* PORTFOLIO GRIDS /* /*===================================================================*/ .grid-item { float: left; position: relative; width: 12.5%; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s;} .grid-item img { -webkit-backface-visibility: inherit; } .portfolio-grid { overflow: hidden; margin-bottom: 0; } .portfolio-grid + #load-posts { margin-top: 0; } .portfolio-grid:hover .grid-item { opacity: .9; -webkit-filter: grayscale(1); } .portfolio-grid:hover .grid-item:hover { opacity: 1.0; -webkit-filter: grayscale(0); } /* IMAGE TRANSITIONS */ .grid-item, .post-thumb { overflow: hidden; position: relative; } .inner .overlay, .grid-item a .overlay, .post-thumb a .overlay { background-image: url(assets/images/hover.png); background-repeat: no-repeat; background-position: 50% 50%; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; -webkit-backface-visibility: hidden; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s;} .inner:hover .overlay, .grid-item a:hover .overlay, .post-thumb a:hover .overlay { opacity: 1!important; } a.lightbox .overlay { background-image: url(assets/images/hover-lightbox.png); } .page.page-template-default .wrapper .home-widgets .widget_bean_home_testimonials,.page.page-template-template-contact-php .wrapper .home-widgets .widget_bean_home_testimonials{ padding:10px 0 100px} .home .widget_bean_home_page_content_overlay .post-inner.feat-img p{ font-size:25px; line-height:40px; margin-bottom:5px} .page.page-template-default .entry-content .bean-one-fourth .bean-btn.large,.page-id-14 .entry-content .bean-btn.large,.entry-content .bean-one-third .bean-btn.large{ font-family:"Source Sans Pro","Open Sans",arial!important; font-weight:300 !important;font-size:30px !important; font-style: normal; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px!important; padding:28px 29px !important;min-width: 170px;man-width: 180px; text-align:center } .page.page-template-template-contact-php .button[type="submit"],.page.page-template-template-contact-php li.submit{ text-align:center;} .bean-btn:hover{ background:#14b2a1} .page .entry-content .bean-one-third ul{ margin:0 0 0 18px; padding:0; list-style-type:disc} .page .entry-content .bean-one-third ul li{ font-size:18px; line-height:28px;margin:2px 0; padding:0;} .entry-content .bean-panel{ font-size:18px} .entry-content .bean-panel-heading p.bean-panel-title a{color:#fff!important; background:#21c1a5;} .entry-content .bean-panel-heading p.bean-panel-title a.collapsed {border-bottom: 1px solid rgba(0, 0, 0, 0) !important; color:#3d3d3d!important; background:#fff} .entry-content .bean-panel-heading p.bean-panel-title a {border-bottom: 1px solid #19947F !important;} .entry-content .bean-panel-heading:hover p.bean-panel-title a.collapsed{background:#fbfbfb} .entry-content .bean-panel-collapse, .entry-content .bean-panel-collapse .bean-panel-body{ background:#e8e8e8;color:#3d3d3d; line-height:30px} .entry-content .bean-panel-heading .bean-panel-title > a{ padding:8px 14px!important;;} .entry-content .bean-panel-collapse .bean-panel-body{ padding:11px 14px;} div.divider{ margin:35px 0 2px;} .page-template-template-full-php .entry-content div.bean-one-third{ border:0; padding: 0 4%; margin-right: 0;} .page-template-template-full-php .entry-content div.bean-one-third:nth-child(2n){border-right:2px solid #ECECEC;border-left:2px solid #ECECEC} .entry-content .bean-tab-content h2{ color:#1BBBAA; font-size:30px; font-weight:bold; text-align:left} .entry-content .bean-tab-content h2 span{ text-align:right} .entry-content .bean-tab-content .alignleft { float: left; margin-right: 40px!important; margin-bottom:6px;margin-left: 4px } .entry-content .bean-tab-content .alignright { display: block; float: right; margin-left: 40px!important;margin-bottom:6px;margin-right:24px } .entry-content .bean-tab-content p{ padding-left:4px; padding-right:4px;clear:both} .page-template-template-full-php .entry-content .bean-tab-content ul{ margin-bottom:8px; margin-left:28px} @media only screen and (min-width: 768px) { .page-template-template-full-php .entry-content div.bean-two-third,.page-template-template-full-php .entry-content blockquote,.page-template-template-full-php .entry-content .bean-one-third.bean-column-last,.page-template-template-full-php .entry-content blockquote{ padding-left:4%; padding-right:4%} .page-template-template-full-php .entry-content .bean-tab-content,.page-template-template-full-php .entry-content .nav.bean-tabs{ margin-left:4%!important; margin-right:4%} .page-template-template-full-php .entry-content .nav.bean-tabs{ margin-top:3%} .page-template-template-full-php .entry-content .bean-tabs, .page-template-template-full-php .entry-content .bean-tab-content{width: 94%;} } @media only screen and (max-width: 767px) { .page-template-template-full-php .entry-content div.bean-one-third, .page-template-template-full-php .entry-content div.bean-one-third:nth-child(2n){border:0!important;} } /* GRID RESPONSIVE NATURE */ @media only screen and (max-width: 2240px) { .grid-item { width: 14.285%; } .port-more ul li:nth-of-type(15), .port-more ul li:nth-of-type(16), .widget_bean_home_portfolio ul li:nth-of-type(15), .widget_bean_home_portfolio_lb ul li:nth-of-type(15), .widget_bean_home_portfolio ul li:nth-of-type(16), .widget_bean_home_portfolio_lb ul li:nth-of-type(16) { display: none; } } @media only screen and (max-width: 1920px) { .grid-item { width: 16.666%; } .port-more ul li:nth-of-type(13), .port-more ul li:nth-of-type(14), .widget_bean_home_portfolio ul li:nth-of-type(13), .widget_bean_home_portfolio_lb ul li:nth-of-type(13), .widget_bean_home_portfolio ul li:nth-of-type(14), .widget_bean_home_portfolio_lb ul li:nth-of-type(14) {display: none;} } @media only screen and (max-width: 1600px) { .grid-item { width: 20%; } .port-more ul li:nth-of-type(11), .port-more ul li:nth-of-type(12), .widget_bean_home_portfolio ul li:nth-of-type(11), .widget_bean_home_portfolio_lb ul li:nth-of-type(11), .widget_bean_home_portfolio ul li:nth-of-type(12), .widget_bean_home_portfolio_lb ul li:nth-of-type(12) { display: none; } /*.home .home-widgets .widget_bean_home_portfolio ul li:nth-of-type(5),.home .home-widgets .widget_bean_home_portfolio ul li:nth-of-type(6),.home .home-widgets .widget_bean_home_portfolio ul li:nth-of-type(7),.home .home-widgets .widget_bean_home_portfolio ul li:nth-of-type(8)*/ .home .grid-item { width: 25%; } .home .port-more ul li:nth-of-type(9), .home .port-more ul li:nth-of-type(10), .home .home-widgets .widget_bean_home_portfolio ul li:nth-of-type(9), .home .home-widgets .widget_bean_home_portfolio_lb ul li:nth-of-type(9), .home .home-widgets .widget_bean_home_portfolio ul li:nth-of-type(10), .home .home-widgets .widget_bean_home_portfolio_lb ul li:nth-of-type(10), footer .widget_bean_home_portfolio ul li:nth-of-type(9),footer .widget_bean_home_portfolio ul li:nth-of-type(10) {display: none; } } @media only screen and (max-width: 1280px) { .grid-item {width: 25%;} .port-more ul li:nth-of-type(9), .port-more ul li:nth-of-type(10), .widget_bean_home_portfolio ul li:nth-of-type(9), .widget_bean_home_portfolio_lb ul li:nth-of-type(9), .widget_bean_home_portfolio ul li:nth-of-type(10), .widget_bean_home_portfolio_lb ul li:nth-of-type(10) { display: none; } } @media only screen and (max-width: 960px) { .grid-item { width: 33.333%; } .port-more ul li, .widget_bean_home_portfolio ul li, .widget_bean_home_portfolio_lb ul li { width: 25%; } .row.main .twelve.columns > .twelve.columns{padding: 0;} /*for full-tem*/ .row.main .twelve.columns > .twelve.columns .bean-one-third p,.row.main .twelve.columns > .twelve.columns .bean-one-third ul li{line-height: 1.57em;} } @media only screen and (max-width: 640px) { .grid-item { width: 50%; } .port-more ul li, .widget_bean_home_portfolio ul li, .widget_bean_home_portfolio_lb ul li { width: 33.333%; } .port-more ul li:nth-of-type(9), .widget_bean_home_portfolio ul li:nth-of-type(9), .widget_bean_home_portfolio_lb ul li:nth-of-type(9) { display: block; } } @media only screen and (max-width: 320px) { .grid-item { width: 100%; } .port-more ul li.grid-item, .widget_bean_home_portfolio ul li.grid-item, .widget_bean_home_portfolio_lb ul li.grid-item { width: 50%; } .port-more ul li:nth-of-type(9), .widget_bean_home_portfolio ul li:nth-of-type(9), .widget_bean_home_portfolio_lb ul li:nth-of-type(9) { display: none; } } /*===================================================================*/ /* /* SINGLE PORTFOLIO /* /*===================================================================*/ /* PORTFOLIO STRUCTURE */ .single-portfolio .row.full .columns { padding: 0px; } .single-portfolio ul.entry-meta, .single-portfolio .entry-content { text-align: center; } .single-portfolio ul.entry-meta { margin: 30px 0 60px; } .single-portfolio ul.entry-meta li { display: inline; margin: 0 10px; } /* PORTFOLIO MEDIA */ .single-portfolio ul.stacked li { list-style: none; position: relative; } .single-portfolio .entry-content-media { text-align: center; } .single-portfolio .entry-content-media img { width: 100%; } /* PORTFOLIO AUDIO */ .single-portfolio .audio-feat, .single-portfolio .audio-no-feat { position: relative; } /* PORTFOLIO VIDEO */ .video-frame.fadein { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; } /* PORTFOLIO SOCIAL */ ul.social-sharing { margin-top: -20px; margin-bottom: 45px; padding-top: 15px; padding-bottom: 8px; text-align: center; } ul.social-sharing li { display: inline-block; } ul.social-sharing li a { background: url(assets/images/sprite.png) no-repeat #F3F3F3; border-radius: 300px; height: 50px; display: block; margin: 0 2px; width: 50px; -webkit-animation-name: bouncein; -moz-animation-name: bouncein; -o-animation-name: bouncein; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .75s; animation-delay: .75s; -webkit-transition: background-color .1s; -moz-transition: background-color .1s; -ms-transition: background-color .1s; -o-transition: background-color .1s;} ul.social-sharing li:nth-of-type(2) a { -webkit-animation-delay: .78s; animation-delay: .78s;} ul.social-sharing li:nth-of-type(3) a { -webkit-animation-delay: .81s; animation-delay: .81s;} ul.social-sharing li:nth-of-type(4) a { -webkit-animation-delay: .83s; animation-delay: .83s;} ul.social-sharing li:first-child a { margin-right: -1px; } ul.social-sharing li:last-child a { margin-left: -1px; } /* SOCIAL COLORS */ ul.social-sharing li a.twitter { background-position: 50% -1074px; } ul.social-sharing li a.twitter:hover { background-color: #33B7FC; } ul.social-sharing li a.facebook { background-position: 50% -1025px; } ul.social-sharing li a.facebook:hover { background-color: #3B559F; } ul.social-sharing li a.pinterest { background-position: 50% -1124px; } ul.social-sharing li a.pinterest:hover { background-color: #FF545C; } ul.social-sharing li a.google { background-position: 50% -1174px; } ul.social-sharing li a.google:hover { background-color: #DD4B39; } ul.social-sharing li a:hover { background-color: #E7E7E7!important; } /* PORTFOLIO MORE LOOP */ .grayscale { -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s;} .grayscale, .port-more .portfolio-grid .grid-item { -webkit-filter: grayscale(1); } .port-more .portfolio-grid:hover .grid-item { -webkit-filter: grayscale(0); } /*===================================================================*/ /* SLIDER /*===================================================================*/ .post-slider .slides { zoom: 1; } .slides li img { margin: 0 auto; } .post-slider { position: relative; } html[xmlns] .slides { display: block; } .post-slider a:focus { outline: none; } .bean-viewport { overflow: visible!important; } .no-js .slides > li:first-child { display: block; } .slides { margin: 0; padding: 0; list-style: none; } .post-slider .slides > li { display: none; position: relative; -webkit-backface-visibility: hidden; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .flexslider { cursor: pointer; position: relative; } /* CONTROL NAV */ .bean-control-paging { position: absolute; top: 30px; right: 30px; } .bean-control-paging li { display: inline-block; cursor: pointer; margin: 0 2px; text-indent: -9999em; } .bean-control-paging li a { background-color: #FFF; border-radius: 100px; display: block; height: 16px; width: 16px; } /* CAPTIONS */ .bean-image-caption, .bean-slide-caption { color: #FFF; font-size: 12px!important; line-height: 20px!important; padding: 7px 12px 5px; position: absolute; left: 30px; text-align: center; text-transform: uppercase; top: 26px; z-index: 1; } /*===================================================================*/ /* LIGHTBOX /*===================================================================*/ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; } .fancybox-opened { z-index: 8030; } .fancybox-inner { overflow: hidden; } .fancybox-outer, .fancybox-inner { position: relative; overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #FFF; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { cursor: default; display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 40%; left: 50%; margin-top: -20px; margin-left: -20px; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 40px; height: 40px; margin: 100px auto; background-color: #FFF; border-radius: 100%; -webkit-animation: loading 1.0s infinite ease-in-out; animation: loading 1.0s infinite ease-in-out; } @-webkit-keyframes loading { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes loading { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .fancybox-close { position: fixed; top: 15px; right: 15px; width: 32px; height: 32px; cursor: pointer; z-index: 8040; background: url('assets/images/sprite.png') -59px -1334px no-repeat #000; border-radius: 2px; opacity: .65; } .fancybox-close:hover { opacity: 1; } .fancybox-nav { background: transparent url('assets/images/blank.gif'); /* helps IE */ cursor: pointer; height: 100%; position: absolute; text-decoration: none; top: 0; width: 40%; z-index: 8040; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .fancybox-nav span { background: url('assets/images/fancy-nav.png') no-repeat #282828; cursor: pointer; height: 80px; margin-top: -40px; opacity: .85; position: absolute; top: 50%; width: 60px; z-index: 8040; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s;} .fancybox-nav span:hover, .fancybox-prev:hover span, .fancybox-next:hover span { opacity: 1; } .fancybox-next { right: 0; } .fancybox-prev { left: 0; } .fancybox-next span { background-position: 24px 24px; border-radius: 3px 0 0 3px; right: 0px; } .fancybox-prev span { background-position: 20px -76px; border-radius: 0 3px 3px 0; left: 0px; } .fancybox-nav span { visibility: visible!important; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeslideleft; animation-name: fadeslideleft; -webkit-animation-duration: .2s; animation-duration: .2s;-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @keyframes fadeslideleft { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @-webkit-keyframes fadeslideleft { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); } } .fancybox-prev span { -webkit-animation-name: fadeslideright; animation-name: fadeslideright; } @keyframes fadeslideright { 0% { transform: translateX(-100%); } 100% { transform: translateX(0%); } } @-webkit-keyframes fadeslideright { 0% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0%); } } .fancybox-tmp { left: -99999px; max-height: 99999px; max-width: 99999px; overflow: visible !important; position: absolute; top: -99999px; visibility: hidden; } /* OVERLAY HELPER */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { background: url('assets/images/overlay.png'); display: none; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 8010; } .fancybox-overlay-fixed { bottom: 0; position: fixed; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { bottom: 0; margin-bottom: -35px; position: absolute; right: 50%; text-align: center; z-index: 8050; } .fancybox-title-float-wrap .child { background: transparent; display: inline-block; margin-right: -100%; padding: 2px 20px; white-space: nowrap; } .fancybox-title-outside-wrap { color: #fff; margin-top: 10px; position: relative; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { background: #000; background: rgba(0, 0, 0, .8); bottom: 0; color: #fff; left: 0; padding: 10px; position: absolute; } a.lightbox.hidden { display: none; } /*===================================================================*/ /* VIEW.JS CSS THEME /*===================================================================*/ .viewer { background: #282828; background-color: rgba(40, 40, 40, 0.97); -webkit-backface-visibility: inherit; } .viewer li { -webkit-transition: width 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000); -moz-transition: width 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000); } .viewer .close { display: none; } .viewer .caption { line-height: 5em; opacity: 0; text-shadow: none; text-transform: uppercase; -webkit-transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out; visibility: hidden; } .viewer .current .caption { opacity: 100; visibility: visible; } /*===================================================================*/ /* /* WIDGET STYLES /* /*===================================================================*/ .widget ul { margin-bottom: 0; } .widget input[type="text"], .widget input[type="password"], .widget input[type="date"], .widget input[type="datetime"], .widget input[type="email"], .widget input[type="number"], .widget input[type="search"], .widget input[type="tel"], .widget input[type="time"], .widget input[type="url"], .widget textarea { margin: 0px; } /* SIDEBAR WIDGETS */ .sidebar .widget { margin-bottom: 70px; } .sidebar .widget:last-child { border: none; margin-bottom: 0px; padding-bottom: 0px; } /* CATEGORIES, ARCHIVES & RECENT POSTS WIDGETS */ .widget_recent_comments ul li { margin-bottom: 10px; } .widget_rss ul li { margin-bottom: 25px; } .rss-date { display: block; text-transform: uppercase; } footer a.rsswidget { color: #FFF; } footer .rss-date { color: #525252!important } .post-date { display: block; font-size: 13px; opacity: .5; } /* CALENDAR WIDGET */ #wp-calendar { width: 100%; } #wp-calendar caption { text-transform: uppercase; text-align: left; font-size: 14px; margin-bottom: 20px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { font-size: 12px; font-weight: 500; } #wp-calendar thead th, #wp-calendar tbody td { background: #F5F5F5; border: none; padding: 4px 0px; text-align: center; } #wp-calendar thead th { background-color: #E9E9E9; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 12px; padding-top: 10px; text-transform: uppercase; } /*===================================================================*/ /* SEARCH WIDGET /*===================================================================*/ .search-results .entry-content-media { display: none; } .search section { margin-bottom: 60px; } /*===================================================================*/ /* TAG CLOUD WIDGET /*===================================================================*/ .tagcloud { float: left; margin-bottom: -4px; margin-top: 7px; } .tagcloud a { color: #FFF; border-radius: 2px; display: inline-block; font: bold 11px/13px Helvetica, sans-serif!important; float: left; margin: 0px 3px 3px 0px; padding: 5px 7px 4px; position: relative; text-transform: uppercase; } /*===================================================================*/ /* DRIBBBLE WIDGET /*===================================================================*/ .widget_bean_dribbble > div { margin-left: -1.875%; margin-right: -1.875%; width: 103.8961%; } .bean-shot { border-radius: 2px; float: left; height: 16.8831%; margin: 0 1.875% 3.8961%; width: 46.25%; } .bean-shot img { border-radius: 2px; } /*===================================================================*/ /* FLICKR WIDGET /*===================================================================*/ .widget_bean_flickr > div { margin-left: -1.875%; margin-right: -1.875%; margin-top: 30px; width: 103.8961%; } .flickr_badge_image { float: left; border-radius: 2px; height: 16.8831%; margin: 0 1.875% 3.8961%; width: 16.25%; } .flickr_badge_image img { border-radius: 2px; } /*===================================================================*/ /* INSTAGRAM WIDGET & 500PX WIDGET (BEAN PLUGINS) /*===================================================================*/ .widget_bean_instagram > div, .widget_bean_500px > div { margin-left: -1.875%; margin-right: -1.875%; width: 103.8961%; } .instagram_badge_image, .bean500px_badge_image { background: none!important; border-radius: 2px!important; float: left; height: 16.8831%; margin: 0 1.875% 3.8961%!important; width: 29.25%!important; } .instagram_badge_image img, .bean500px_badge_image img { border-radius: 2px!important; height: auto!important; width: auto!important; } .instagram_badge_image a:hover, .bean500px_badge_image a:hover { opacity: 1!important; } #instagram_badge_image6, #instagram_badge_image7 { display: none; } /*===================================================================*/ /* TWITTER WIDGET /*===================================================================*/ .sidebar .widget_bean_tweets ul { margin-top: -10px; } .widget_bean_tweets a.twitter-time-stamp { display: block; margin: 5px 0 20px; text-transform: uppercase; border-bottom: none!important; } .widget_bean_tweets .button { border-top: none; border-left: none; border-right: none; background: none; font-size: inherit; margin: 0px; padding: 0px; } /*===================================================================*/ /* PORTFOLIO WIDGET /*===================================================================*/ .widget_bean_portfolio ul { margin-top: 30px; } .widget_bean_portfolio ul li { margin-bottom: 20px; } .widget_bean_portfolio ul li:last-child { margin-bottom: 10px; } /*===================================================================*/ /* PORTFOLIO MENU WIDGET /*===================================================================*/ .widget_bean_portfolio_menu li span { opacity: 0; position: relative; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -ms-transition: opacity .1s; -o-transition: opacity .1s; } .widget_bean_portfolio_menu li:hover span { opacity: 1; } /*===================================================================*/ /* VIDEO WIDGET /*===================================================================*/ .widget_bean_video .video-frame { margin-top: 30px; } /*===================================================================*/ /* BEAN PLUGIN OVERRIDES /*===================================================================*/ /* SOCIAL PLUGIN */ ul.bean_social_icons { text-align: left; } ul.bean_social_icons li.bean_social_icon { margin: 0px 3px 3px 0px!important; } /* PRICING TABLE PLUGIN */ .bean-pricing-table .table-mast p { font-size: 16px; } .bean-pricing-table .details { margin-top: 5px; } .bean-pricing-table .pricing-column ul { background-color: #F5F5F5; } .bean-pricing-table .pricing-column li { color: #B7B7B7; font-size: 17px; line-height: 28px; margin-bottom: 3px; } .bean-pricing-table .table-mast h5.title { color: #FFF!important; letter-spacing: normal; font-size: 22px!important; } .bean-pricing-table .pricing-column.six.columns.mobile-four:first-child { padding-right: 20px; } .bean-pricing-table .pricing-column.six.columns.mobile-four:last-child { padding-left: 20px; } /*===================================================================*/ /* /* THEME ANIMATIONS /* /*===================================================================*/ .fadein, .row.content, .blog .row.full, .page-feat-image, .row.full.port-more, .video-frame.self-hosted-video, .page-template-template-portfolio-php .row.full { -webkit-animation-name: fadein; animation-name: fadein; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: .4s; animation-delay: .4s; } .blog .row.full, .row.full.port-more, .video-frame.self-hosted-video, .page-template-template-portfolio-php .row.full { -webkit-animation-delay: 1s!important; animation-delay: 1s!important; } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .skillsintroleft { visibility: visible!important; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: skillsintroleft; animation-name: skillsintroleft; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes skillsintroleft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes skillsintroleft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes skillsintroleft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes skillsintroleft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .slideleft, .slideright { visibility: visible!important; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideleft; animation-name: slideleft; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: .75s; animation-delay: .75s; } @keyframes slideleft { 0% { transform: translateX(100%); opacity: 0; } 50% { transform: translateX(-8%); } 65% { transform: translateX(5%); opacity: 1; } 80% { transform: translateX(-5%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideleft { 0% { -webkit-transform: translateX(100%); opacity: 0; } 50% { -webkit-transform: translateX(-8%); } 65% { -webkit-transform: translateX(5%); opacity: 1; } 80% { -webkit-transform: translateX(-5%); } 95% { -webkit-transform: translateX(2%); } 100% { -webkit-transform: translateX(0%); } } .slideright { -webkit-animation-name: slideright; animation-name: slideright; } @keyframes slideright { 0% { transform: translateX(-100%); opacity: 0; } 50% { transform: translateX(8%); } 65% { transform: translateX(-5%); opacity: 1; } 80% { transform: translateX(5%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideright { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 50% { -webkit-transform: translateX(8%); } 65% { -webkit-transform: translateX(-5%); opacity: 1; } 80% { -webkit-transform: translateX(5%); } 95% { -webkit-transform: translateX(-2%); } 100% { -webkit-transform: translateX(0%); } } .BeanErrorShake { -webkit-animation-name: BeanErrorShake; -moz-animation-name: BeanErrorShake; -o-animation-name: BeanErrorShake; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -ms-animation-delay: 5s; -o-animation-delay: 5s; -webkit-animation-iteration-count: 5; -moz-animation-iteration-count: 5; -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -ms-animation-duration: 5s; -o-animation-duration: 5s; } @-webkit-keyframes BeanErrorShake { 2%, 6% { -webkit-transform: translateX(3px); } 4%, 8% { -webkit-transform: translateX(-3px); } 10%, 100% { -webkit-transform: translateX(0px); } } @-moz-keyframes BeanErrorShake { 0%, 100% { -moz-transform: translateX(0); } 2%, 6% { -moz-transform: translateX(3px); } 4%, 8% { -moz-transform: translateX(-3px); } 10%, 100% { -moz-transform: translateX(0px); } } @-o-keyframes BeanErrorShake { 2%, 6% { -o-transform: translateX(3px); } 4%, 8% { -o-transform: translateX(-3px); } 10%, 100% { -o-transform: translateX(0px); } } @keyframes BeanErrorShake { 2%, 6% { transform: translateX(3px); } 4%, 8% { transform: translateX(-3px); } 10%, 100% { transform: translateX(0px); } } /* PAGINATION ARROW LEFT ANIMATION */ @-webkit-keyframes fadeinleft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeinleft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeinleft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeinleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } /* PAGINATION ARROW RIGHT ANIMATION */ @-webkit-keyframes fadeinright { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeinright { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeinright { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeinright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } /* BOUNCE IN FOR PORTFOLIO SHARING */ @-webkit-keyframes bouncein { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { -webkit-transform: translateY(-20px); } 80% { opacity: 1; -webkit-transform: translateY(5px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bouncein { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { -moz-transform: translateY(-20px); } 80% { opacity: 1; -moz-transform: translateY(5px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bouncein { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { -o-transform: translateY(-20px); } 80% { opacity: 1; -o-transform: translateY(5px); } 100% { -o-transform: translateY(0); } } @keyframes bouncein { 0% { opacity: 0; transform: translateY(2000px); } 60% { transform: translateY(-20px); } 80% { opacity: 1; transform: translateY(5px); } 100% { transform: translateY(0); } } /* BOUNCE IN FOR COLOPHON ANIMATION */ .colophon-bouncein { visibility: visible!important; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: colophon-bouncein; animation-name: colophon-bouncein; -webkit-animation-duration: .75s; -moz-animation-delay: .75s; -ms-animation-delay: .75s; animation-duration: .75s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes colophon-bouncein { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { -webkit-transform: translateY(-10px); } 80% { opacity: 1; -webkit-transform: translateY(5px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes colophon-bouncein { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { -moz-transform: translateY(-10px); } 80% { opacity: 1; -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes colophon-bouncein { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { -o-transform: translateY(-10px); } 80% { opacity: 1; -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes colophon-bouncein { 0% { opacity: 0; transform: translateY(2000px); } 60% { transform: translateY(-10px); } 80% { opacity: 1; transform: translateY(10px); } 100% { transform: translateY(0); } } .wp_frombottom { visibility: visible!important; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: wp_frombottom; animation-name: wp_frombottom; -webkit-animation-duration: 1.0s; -moz-animation-delay: 1.0s; -ms-animation-delay: 1.0s; animation-duration: 1.0s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes wp_frombottom { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes wp_frombottom { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes wp_frombottom { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes wp_frombottom { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } /*===================================================================*/ /* WAYPOINTS ANIMATIONS /*===================================================================*/ .js .waypoints .skills li, .js .waypoints .flickr_badge_image, .js .waypoints .instagram_badge_image, .js .waypoints .colophon-social li a, .js .waypoints .widget_bean_home_intro .eight.columns, .js .waypoints .widget_bean_home_testimonials ol li, .js .waypoints .widget_bean_home_page_content_overlay .post-inner img.animate_frombottom { opacity: 0; } /* FLICKR / INSTAGRAM LIST DELAY */ .js .waypoints .flickr_badge_image.fadein:nth-of-type(1), .js .waypoints .instagram_badge_image.fadein:nth-of-type(1) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -ms-animation-delay: 0.1s; -o-animation-delay: 0.1s; } .js .waypoints .flickr_badge_image.fadein:nth-of-type(2), .js .waypoints .instagram_badge_image.fadein:nth-of-type(2) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; -o-animation-delay: 0.2s; } .js .waypoints .flickr_badge_image.fadein:nth-of-type(3), .js .waypoints .instagram_badge_image.fadein:nth-of-type(3) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; } .js .waypoints .flickr_badge_image.fadein:nth-of-type(4), .js .waypoints .instagram_badge_image.fadein:nth-of-type(4) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; -o-animation-delay: 0.4s; } .js .waypoints .flickr_badge_image.fadein:nth-of-type(5), .js .waypoints .instagram_badge_image.fadein:nth-of-type(5) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; } .js .waypoints .flickr_badge_image.fadein:nth-of-type(6), .js .waypoints .instagram_badge_image.fadein:nth-of-type(6) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; } .js .waypoints .flickr_badge_image.fadein:nth-of-type(7), .js .waypoints .instagram_badge_image.fadein:nth-of-type(7) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -ms-animation-delay: 0.7s; -o-animation-delay: 0.7s; } .js .waypoints .flickr_badge_image.fadein:nth-of-type(8), .js .waypoints .instagram_badge_image.fadein:nth-of-type(8) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -ms-animation-delay: 0.8s; -o-animation-delay: 0.8s; } .js .waypoints .flickr_badge_image.fadein:nth-of-type(9), .js .waypoints .instagram_badge_image.fadein:nth-of-type(9) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; } .js .waypoints .flickr_badge_image.fadein:nth-of-type(10), .js .waypoints .instagram_badge_image.fadein:nth-of-type(10) { -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -ms-animation-delay: 1.0s; -o-animation-delay: 1.0s; } /* SKILLS LIST DELAY */ .js .waypoints .skills li.skill-bar:nth-of-type(1) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -ms-animation-delay: 0.1s; -o-animation-delay: 0.1s; } .js .waypoints .skills li.skill-bar:nth-of-type(2) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; -o-animation-delay: 0.2s; } .js .waypoints .skills li.skill-bar:nth-of-type(3) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; } .js .waypoints .skills li.skill-bar:nth-of-type(4) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; -o-animation-delay: 0.4s; } .js .waypoints .skills li.skill-bar:nth-of-type(5) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; } /* COLOPHON SOCIAL LIST DELAY */ .js .waypoints .colophon-social li:nth-of-type(1) a { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -ms-animation-delay: 0.7s; -o-animation-delay: 0.7s; } .js .waypoints .colophon-social li:nth-of-type(2) a { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -ms-animation-delay: 0.8s; -o-animation-delay: 0.8s; } .js .waypoints .colophon-social li:nth-of-type(3) a { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; } .js .waypoints .colophon-social li:nth-of-type(4) a { -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -ms-animation-delay: 1.0s; -o-animation-delay: 1.0s; } .js .waypoints .colophon-social li:nth-of-type(5) a { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -ms-animation-delay: 1.1s; -o-animation-delay: 1.1s; } .js .waypoints .colophon-social li:nth-of-type(6) a { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -o-animation-delay: 1.2s; } .js .waypoints .colophon-social li:nth-of-type(7) a { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -ms-animation-delay: 1.3s; -o-animation-delay: 1.3s; } .js .waypoints .colophon-social li:nth-of-type(8) a { -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -ms-animation-delay: 1.4s; -o-animation-delay: 1.4s; } /* TESTIMONIAL LIST DELAY */ .js .waypoints .widget_bean_home_testimonials ol li:nth-of-type(1){-webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -ms-animation-delay: 0.1s; -o-animation-delay: 0.1s;} .js .waypoints .widget_bean_home_testimonials ol li:nth-of-type(2){-webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; -o-animation-delay: 0.2s; } .js .waypoints .widget_bean_home_testimonials ol li:nth-of-type(3){-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; } .js .waypoints .widget_bean_home_testimonials ol li:nth-of-type(4){-webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; -o-animation-delay: 0.4s; } .js .waypoints .widget_bean_home_testimonials ol li:nth-of-type(5){-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; } .js .waypoints .widget_bean_home_testimonials ol li:nth-of-type(6){-webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; } .js .waypoints .widget_bean_home_testimonials ol li:nth-of-type(7){-webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -ms-animation-delay: 0.7s; -o-animation-delay: 0.7s; } /*===================================================================*/ /* CROSS BROWSER TOUCH UPS /*===================================================================*/ .ie9 .header-above, .ie8 .header-above, .ie9 .full-media-on, .ie8 .full-media-on, .ie9 .search .header-above, .ie8 .search .header-above, .ie9 .archive .header-above, .ie8 .archive .header-above, .ie9 .single-portfolio .header-above, .ie8 .single-portfolio .header-above, .ie9 .row.content.title-off.full-media-off, .ie8 .row.content.title-off.full-media-off, .ie9 .page-feat-image.title-off.full-media-on, .ie8 .page-feat-image.title-off.full-media-on { margin-top: 0px!important; } /* WIDGETS */ .ie .flickr_badge_image, .ie .instagram_badge_image, .ie .500px_badge_image, .ie .500px_badge_image img, .ie .instagram_badge_image img { width: 45px!important; } .ie .flickr_badge_image, .ie .instagram_badge_image, .ie .500px_badge_image { margin-bottom: 15px; } /* INPUT */ .ie ul.bean-contactform label { display: block; } .ie textarea { padding-top: 15px; } .ie input[type="text"], .ie input[type="password"], .ie input[type="date"], .ie input[type="email"], .ie input[type="number"], .ie input[type="search"], .ie input[type="tel"], .ie input[type="time"], .ie input[type="url"], .ie textarea { line-height: 6px; } /* FF */ @-moz-document url-prefix() { .flickr_badge_image, .instagram_badge_image, .instagram_badge_image img, .bean500px_badge_image, .bean500px_badge_image img { width: 80px!important; } .flickr_badge_image, .instagram_badge_image, .bean500px_badge_image { margin-bottom: 15px; } }