/* Theme Name: Da Theme URI: http://www.vaexustudio.com/da Author: ThemeVaexu Author URI: http://vaexustudio.com Description: A Customed Built WordPress Theme filled with full of love for Da by ThemeVaexu. Version: 1.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready Text Domain: da ------------------------------------------------------------------------- 1. Browser Reset + Font Face 2. Globally Applied Styles 3. Header + Search Bar Styles 4. Plugin Related Styles 5. Page + Custom Page Layout Styles 6. Vaexu Shortcode Styles 7. Footer Styles 8. Sidebar Styles 9. Blog + Pagination Styles - Single Post Styles 10. Comment Styles 11. General Form Styles 12. Custom Post Types Styles -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* 1. Browser Reset + Font Face /*-------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; } :focus { outline: 0; } input[type=submit] { -webkit-appearance: none; } html { overflow-x: hidden; overflow-y: scroll; max-width: 100%; } body { max-width: 100%; overflow-x: hidden; background: white; color: #000; position: relative; font-size: 14px; line-height: 26px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } strong, b{ font-weight: 700; } ol, ul { list-style: none; } input[type=text]::-ms-clear { display: none; } sup { font-size: 10px; vertical-align: super; font-weight: 700; } sub { font-size: 10px; vertical-align: sub; } p { margin-bottom: 24px; } p:empty { display: none; } body.single p{ font-size: 14px; line-height: 1.8em; color: #222; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } @font-face { font-family: 'OpenSansRegular'; src: url('css/fonts/open_sans/regular/OpenSans-Regular-webfont.eot'); src: url('css/fonts/open_sans/regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/open_sans/regular/OpenSans-Regular-webfont.woff') format('woff'), url('css/fonts/open_sans/regular/OpenSans-Regular-webfont.ttf') format('truetype'), url('css/fonts/open_sans/regular/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLight'; src: url('css/fonts/open_sans/light/OpenSans-Light-webfont.eot'); src: url('css/fonts/open_sans/light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/open_sans/light/OpenSans-Light-webfont.woff') format('woff'), url('css/fonts/open_sans/light/OpenSans-Light-webfont.ttf') format('truetype'), url('css/fonts/open_sans/light/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('css/fonts/open_sans/semibold/OpenSans-Semibold-webfont.eot'); src: url('css/fonts/open_sans/semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/open_sans/semibold/OpenSans-Semibold-webfont.woff') format('woff'), url('css/fonts/open_sans/semibold/OpenSans-Semibold-webfont.ttf') format('truetype'), url('css/fonts/open_sans/semibold/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('css/fonts/open_sans/bold/OpenSans-Bold-webfont.eot'); src: url('css/fonts/open_sans/bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/open_sans/bold/OpenSans-Bold-webfont.woff') format('woff'), url('css/fonts/open_sans/bold/OpenSans-Bold-webfont.ttf') format('truetype'), url('css/fonts/open_sans/bold/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtraBold'; src: url('css/fonts/open_sans/extrabold/OpenSans-ExtraBold-webfont.eot'); src: url('css/fonts/open_sans/extrabold/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/open_sans/extrabold/OpenSans-ExtraBold-webfont.woff') format('woff'), url('css/fonts/open_sans/extrabold/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('css/fonts/open_sans/extrabold/OpenSans-ExtraBold-webfont.svg#OpenSansExtraBold') format('svg'); font-weight: normal; font-style: normal; } input[type=submit], button[type=submit], .vaexu-button, .vaexu_wrapper > div.vaexu-progress-bar, .uppercase, .swiper-slide .button a, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th, .woocommerce-page #respond input#submit, .widget_calendar table th, .woocommerce #content input.button, .woocommerce-page #content input.button, #footer-outer #footer-widgets .col .widget_calendar table th, #footer-outer #footer-widgets input[type=text], #footer-outer #footer-widgets input[type=email], #footer-outer #footer-widgets textarea, #pagination .next a:hover, #pagination .prev a:hover, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce .container-wrap nav.woocommerce-pagination ul li:hover span, .woocommerce nav.woocommerce-pagination ul li a:active, .portfolio-items .col .work-item.style-3 h3, #single-below-header span.meta-category a, div.wpcf7 form p, .vaexu-single-post-title, body .gform_wrapper .top_label .gfield_label, h1, h2, h3, h4, .vaexu-promotion-content li, .single #single-post-info span a, .meta-comment-number, .comment-author cite, tr.cart-plus, tr.cart-equal, .vaexu-price-table-price > span.vaexu-price-table-currency, article.post .post-header h2 a, article.post.quote .quote-inner .title, .recent-posts.full-width-content .post-header a.comments, .team-member .position, .vaexu-video-block-cover .video-heading, .vaexu-call-to-action .vaexu-cta-content, header#top #logo, .vaexu-cta-button, .portfolio-info > ul > li, .h4-title, .h3-list, .h3-name, .boldweight, .h2-circle, .h2-name, .h2-uppercase, .h2-underlined, .h2-quote, .h2-boldweight, .h1-header, .h1-boldweight, .button, .h3-underlined, .pricing-table .price, .pricing-table .price sup, .fill-button > span, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a, .woocommerce div.product .product_title, .woocommerce #content div.product .product_title, .woocommerce-page div.product .product_title, .woocommerce-page #content div.product .product_title, .woocommerce ul.products li.product span.price, .woocommerce-page ul.products li.product span.price, .button, .portfolio-wrap.slider-mode:before, .vaexu-single-post-info > span a, #pagination a.page-numbers, #pagination span.page-numbers, #single-post-info span.meta-category a, .page-links{ font-family: 'OpenSansBold'; } .h1-header, .woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .vaexu-cart .cart-empty .return-to-shop a, .woocommerce input.button.alt, .woocommerce-page input.button.alt{ font-family: 'OpenSansExtraBold'; } h6, .vaexu-loader, .comment-list .comment-meta a, .woocommerce table.cart td.product-name, html .woocommerce .woocommerce-message, html .woocommerce .woocommerce-error, html .woocommerce .woocommerce-info, .woocommerce #respond input#submit, a.vaexu-price-table-button, .post-header > div.date, body, .row .col .pricing-column.highlight h3 .highlight-reason, .row .col .v_custom_category_overlay > h3.portfolio-item-excerpt, .container-wrap .vaexu-after-content textarea, .container-wrap input[type="text"], .container-wrap textarea, .container-wrap input[type="email"], .container-wrap input[type="password"], .container-wrap input[type="tel"], .container-wrap input[type="url"], .container-wrap input[type="search"], .container-wrap input[type="date"], .row .col .team-member h4, .pricing-table .price, .pricing-table h4.h4-title, .pricing-table .button.pricing-table-button, .regularweight{ font-family: 'OpenSansRegular'; } .vaexu-price-table-price, #search-outer #search input[type=text], blockquote, #page-header-bg .subheader, article.post.link .post-content .destination, .portfolio-info > ul > li > span, body.single .portfolio-content p, .pricing-table .price sup, .lightweight, .vaexu-testimonial .content{ font-family: 'OpenSansLight'; } header#top nav > ul > li > a{ font-family: 'OpenSansSemiBold'; } /* Color Scheme */ .jp-play-bar, .jp-volume-bar-value, .jcarousel-prev:hover, .jcarousel-next:hover, .portfolio-items .col .work-item .work-info a:hover i, #portfolio-filters a, #portfolio-filters #sort-portfolio, .project-attrs li span, .progress li span, .vaexu-progress-bar span, #sidebar .widget .tagcloud a:hover, .vaexu-shopping-cart-options .wc-proceed-to-checkout a.checkout-button, .vaexu-shopping-cart-options .wc-proceed-to-checkout a.checkout-button:hover, .comment-list .reply a, input[type=submit]:hover, .fa-normal, .bar_graph li span, .vaexu-button[data-color-override="false"].regular-button, body .swiper-slide .button.transparent_2 a.primary-color:hover, .carousel-prev:hover, .carousel-next:hover, .blog-recent .more-link span:hover, .post-tags a:hover, .single-portfolio .facebook-share a:hover, .single-portfolio .twitter-share a:hover, .single-portfolio .pinterest-share a:hover, .single-post .facebook-share a:hover, .single-post .twitter-share a:hover, .single-post .pinterest-share a:hover, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, #single-below-header span.meta-category a:hover, #sidebar .widget:hover [class^="fa-"].fa-3x, body .vaexu-button.ghost-2[data-hover-color-override="false"]:hover, #header-outer .widget_shopping_cart a.button, #header-outer a.cart-contents span, .swiper-slide .button.solid_color a, #portfolio-filters, button[type=submit]:hover, #buddypress button:hover, #buddypress a.button:hover, #buddypress ul.button-nav li.current a, .meta-comment-number, .single-portfolio #respond h3, h3#comments, .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .recent-posts.full-width-content .post-header a.comments, .tabbed > ul li a:after, .vaexu-custom-contact-form-style-1 .wpcf7-form-control.wpcf7-submit, .vaexu-call-to-action, .woocommerce ul.products li.product:hover a.add_to_cart_button, .fulltext-button:after, .h2-light-underlined:after, .woocommerce div.product form.cart .variations a.reset_variations, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .portfolio-items .work-item.style-3:hover .work-info{ background-color: #1239ff; } header#top nav .sf-menu li.current_page_item > a .sf-sub-indicator i, header#top nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator i, body header#top nav .sf-menu li.current_page_item > a .sf-sub-indicator [class^="fa-"], header#top nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator [class^="fa-"], .sf-menu li ul li.sfHover > a .sf-sub-indicator [class^="fa-"], ul.sf-menu > li > a:hover > .sf-sub-indicator i, .row .col.section-title.search-result-title span, ul.sf-menu > li > a:active > .sf-sub-indicator i, ul.sf-menu > li.sfHover > a > .sf-sub-indicator i, .recent-posts .post-header a:hover, article.result a:hover, .single article.post .post-meta a:hover, .comment-list .comment-meta a:hover, label span, .fa-3x[class^="fa-"], .fa-3x[class*=" fa-"], .fa-tiny[class^="fa-"], article.result .title a, .home .blog-recent .span_3 .post-header a:hover, .home .blog-recent .span_3 .post-header h3 a, #single-below-header a:hover, .sf-menu > li.current_page_ancestor > a > .sf-sub-indicator [class^="fa-"], .sf-menu > li.current-menu-ancestor > a > .sf-sub-indicator [class^="fa-"], body #mobile-menu li.open > a [class^="fa-"], .comment-author a:hover, .project-attrs li i, #header-outer .widget_shopping_cart .cart_list a, .woocommerce form .form-row .required, .woocommerce-page form .form-row .required, .vaexu-milestone .number.accent-color, span.accent-color, #search-outer #search #close a span:hover, #search-outer .ui-widget-content li:hover a .title, #search-outer .ui-widget-content .ui-state-hover .title, #search-outer .ui-widget-content .ui-state-focus .title, .carousel-wrap[data-full-width="true"] .carousel-heading i:hover, body [class^="fa-"].fa-default-style, .team-member a.accent-color:hover, .wpcf7-form .wpcf7-not-valid-tip, .recent-posts .post-header .title a, .comment-author cite, .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .post-header > div.date, .team-member .position, h6 { color: #1239ff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, .portfolio-items .col .work-item.style-3 .work-info::after, .button-withunderline span.line:after { border-color: #1239ff; } .recent-posts.full-width-content .post-header a.comments:before{ border: solid; border-width: 8px 8px 0 0px; bottom: -8px; content: ""; left: 50%; position: absolute; z-index: 99; margin-left: -4px; border-color: #1239ff transparent; } /*-------------------------------------------------------------------------*/ /* 2. Globally Applied Styles /*-------------------------------------------------------------------------*/ #vaexu-content-wrap{ display: inline-block; width: 100%; float: left; } .vaexu-page-header-transparent-yes #vaexu-content-wrap{ margin-top: -85px; } .overflow-x-hidden { overflow-x: hidden; } .alignleft { float: left; margin-right: 15px; } .alignright { float: right; margin-left: 15px; } .aligncenter { display: block; margin:15px auto; } .no-bottom-padding { padding-bottom: 0px; } .col.center { text-align: center; } .col.right { text-align: right; } .wp-smiley { margin-bottom: 0px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } .gallery-caption { margin-left: 0; margin-bottom: 10px; padding: 0px 10px; } .bypostauthor {} #wpstats { display: none; } .sticky { margin-bottom: 50px; } article.post.sticky .post-content{ background: #f3f3f3; border: 15px solid #fff; } .sticky .content-inner { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; position: relative; } .ebt{ border-top: 1px solid #ddd; } .ebr{ border-right: 1px solid #ddd; } .ebb{ border-bottom: 1px solid #ddd; } .ebl{ border-left: 1px solid #ddd; } .page-links{ margin-top: 36px; } .page-links a, .page-links > span{ border-radius: 100%; height: 36px; width: 36px; line-height: 36px; padding: 0; text-align: center; font-size: 14px; display: inline-block; } .page-links > span{ color: #fff; background: #000; } .page-links .page-links-title{ color: #000; background:#fff; margin-right: 24px; } .side-box { padding: 10px 0; margin-bottom: 10px; border: 1px solid #CCC; background-color: #E6E6E6; text-align: center; } .side-box a:link, .side-box a:visited { font-weight: normal; color: #06c55b; font-size: 12px; } table { font-size: 12px; margin-bottom: 20px; } .wp-caption .wp-caption-text { text-align:center; margin-top:5px; margin-bottom: 5px; padding: 0px; } .vaexu-post-content article.post .content-inner .wp-caption img { display: block; margin: 0px; max-width: 100%; } em {font-style: italic;} caption, th, td { font-weight: normal; text-align: left; } /* input styling */ .container-wrap input[type="text"], .container-wrap textarea, .container-wrap input[type="email"], .container-wrap input[type="password"], .container-wrap input[type="tel"], .container-wrap input[type="url"], .container-wrap input[type="search"], .container-wrap input[type="date"] { border: 0px solid #e6e6e6; background: transparent; font-size: 14px; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.09); } .container-wrap input[type="text"]:focus, .container-wrap textarea:focus, .container-wrap input[type="email"]:focus, .container-wrap input[type="password"]:focus, .container-wrap input[type="tel"]:focus, .container-wrap input[type="url"]:focus, .container-wrap input[type="search"]:focus, .container-wrap input[type="date"]:focus { border-color: #eee; } .container-wrap .span_12.light input[type="text"], .container-wrap .span_12.light textarea, .container-wrap .span_12.light input[type="email"], .container-wrap .span_12.light input[type="password"], .container-wrap .span_12.light input[type="tel"], .container-wrap .span_12.light input[type="url"], .container-wrap .span_12.light input[type="search"], .container-wrap .span_12.light input[type="date"] { border: 1px solid rgba(255,255,255,0.4); color: #fff; } .container-wrap .span_12.light input[type="text"]:focus, .container-wrap .span_12.light textarea:focus, .container-wrap .span_12.light input[type="email"]:focus, .container-wrap .span_12.light input[type="password"]:focus, .container-wrap .span_12.light input[type="tel"]:focus, .container-wrap .span_12.light input[type="url"]:focus, .container-wrap .span_12.light input[type="search"]:focus, .container-wrap .span_12.light input[type="date"]:focus { border: 1px solid rgba(255,255,255,0.55); } .container-wrap { background-color: #fff; position: relative; z-index: 10; margin-top: 0px; } body.home.blog .container-wrap{ padding: 70px 0; } .default-loading-icon { top: 50%; border-radius: 100%; height: 30px; width: 30px; margin: 0 auto; display: block; position: relative; border: 2px solid rgba(255,255,255,0.4); margin-top: -15px; } #infscr-loading .default-loading-icon { border: 2px solid rgba(0,0,0); } .default-loading-icon:before { position: absolute; content: ""; border-color: #fff transparent transparent; border-radius: 100%; border-style: solid; border-width: 2px; display: block; height: 100%; width: 100%; top: -2px; left: -2px; } #infscr-loading .default-loading-icon:before { border-color: #000 transparent transparent; } .loading-icon.spin, .portfolio-loading.spin, .pp_loaderIcon.spin, .default-loading-icon.spin { animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation; -webkit-animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation; } @keyframes spinning_animation { 0% { transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); } 50% { transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); } 100% { transform: scale(1) rotate(720deg); -o-transform: scale(1) rotate(720deg); } } @-webkit-keyframes spinning_animation { 0% { -webkit-transform: scale(1) rotate(0deg); } 50% { -webkit-transform: scale(1) rotate(360deg); } 100% { -webkit-transform: scale(1) rotate(720deg); } } @keyframes bounce_in_animation { 0% { transform: scale(0, 0); -o-transform: scale(0, 0); } 20% { transform: scale(1.4, 1.4); -o-transform: scale(1.4, 1.4); } 50% { transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); } 85% { transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); } 100% { transform: scale(1, 1); -o-transform: scale(1, 1); } } @-webkit-keyframes bounce_in_animation { 0% { -webkit-transform: scale(0, 0); } 20% { -webkit-transform: scale(1.4, 1.4); } 50% { -webkit-transform: scale(0.8, 0.8); } 85% { -webkit-transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); } } @keyframes grow_in_animation { 0% { transform: scale(0, 0); -o-transform: scale(0, 0); } 100% { transform: scale(1, 1); -o-transform: scale(1, 1); } } @-webkit-keyframes grow_in_animation { 0% { -webkit-transform: scale(0, 0); } 100% { -webkit-transform: scale(1, 1); } } body.page-template-page-sidebar-php .main-content > .row > #post-area, body.page-template-page-sidebar-php .main-content > .row > #sidebar, body.page-template-page-left-sidebar-php .main-content > .row > #post-area, body.page-template-page-left-sidebar-php .main-content > .row > #sidebar { margin-top: 30px; } /* Porfolio Header Section */ .portfolio-header-section > .intro .portfolio-excerpt{ padding: 20px 0px; float: left; } h1.portfolio-slide-title{ font-size: 180px; text-transform: uppercase; letter-spacing: 1px; text-align: right; margin: 0 -60px -72px 0; color: white; line-height: 200px; } .main-content ul.portfolio-details{ width: 100%; display: block; margin: 0px; position: relative; overflow: hidden; } .main-content ul.portfolio-details li{ margin-top: 10px; list-style: none; position: relative; cursor: pointer; color: #000; -webkit-transition: background 0.3s; transition: background 0.3; padding: 2px 26px; width: 100%; } .main-content ul.portfolio-details li i{ font-size: 16px; border-radius: 500px; -webkit-border-radius: 500px; margin-right: 15px; line-height: 50px } .main-content ul.portfolio-details li span{ padding: 10px; line-height: 50px; } .main-content ul.portfolio-details li:hover > span{ width: 100%; } .container .row.custom-category-content-section{ padding-bottom: 40px!important; max-width: 1120px; margin: 0 auto; } .custom-category-content-section > .span_4.intro{ text-align: center; padding-bottom: 60px; } .custom-category-content-section > .span_4.intro .portfolio-author img{ width: 120px; height: 120px; border-radius: 500%; margin-bottom: 30px; } .row.custom-category-content-section > .col.featured > img{ display: block; margin-bottom: 0px; min-width: 100%; } .row .col .v_custom_category.full-width-content{ overflow: hidden; } .row .col .v_custom_category.full-width-content img, .row .col .v_custom_category.full-width-content .flex-gallery, .row .col .v_custom_category.full-width-content .video{ margin: 0 auto; width: 100%; } /* Porfolio Header Section */ .portfolio-content{ display: block; width: 100%; text-align: left; line-height: 30px; color: #000; max-width: 600px; font-size: 14px; } .single-portfolio .row .col.section-title { padding-bottom: 30px; border: none; } .single-portfolio .row.v_custom_category_item_title .container .title-wrap { position: relative; padding: 1em 0 1em 0; } .single-portfolio .row.v_custom_category_item_title .title-wrap:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .container-wrap .row > .vaexu_row:last-child, .home-wrap .row > .vaexu_row:last-child, #portfolio-extra > .vaexu_row:last-child { margin-bottom: 0px; } body.tax-project-type .container-wrap { padding-top: 25px; margin-top: 0px; padding-bottom: 40px; } body.single-portfolio .container-wrap { padding-top: 160px; padding-bottom: 0px; } body.single-post[data-bg-header="true"] .container-wrap { padding-top: 40px; } body.single-portfolio div[data-project-header-bg="true"] .container-wrap { padding-top: 40px; } body.single-portfolio #full-width-portfolio div[data-project-header-bg="true"] .container-wrap { padding-top: 0; } .clear { clear:both; } .subheader { color: #6F6F6F; margin-bottom:15px; } a { color: #000; text-decoration: none; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } a:hover { color: #1e83ec; } h1 { font-size: 42px; line-height: 48px; margin-bottom: 32px; } h2 { font-size: 22px; line-height: 36px; margin-bottom: 10px;} h3 { font-size: 20px; line-height: 34px; margin-bottom: 8px;} h4 { font-size: 18px; line-height: 32px; margin-bottom: 8px; } h5 { font-size: 16px; line-height: 26px; margin-bottom: 8px; } h6 { font-size: 14px; line-height: 24px; padding-bottom: 10px; text-transform: uppercase;} h1, h2, h3, h4{ font-weight: normal; color: #000; } .uppercase { font-family: 'OpenSansBold'; text-transform: uppercase; } .tiny { font-size: 14px!important; } body h1.light, body h2.light, body h3.light, body h4.light, body h5.light, body h6.light, p.light { text-transform: none; } body h1.jumbo, body h2.jumbo, body h3.jumbo, body h4.jumbo, body h5.jumbo, body h6.jumbo, p.jumbo { font-size: 100px!important; line-height: 110px!important; } h1.light { font-size: 34px; margin-bottom: 30px; } h2.light { font-size: 28px; margin-bottom: 30px; } h3.light { font-size: 24px; margin-bottom: 15px; } h4.light { font-size: 18px; margin-bottom: 7px; } h5.light { font-size: 16px; margin-bottom: 7px; } h6.light { font-size: 14px; margin-bottom: 7px; } h1 .vaexu-button, h2 .vaexu-button, h3 .vaexu-button, h4 .vaexu-button { margin-left: 13px; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .absolute-position{ position: absolute!important; } .row .col p:last-child { padding-bottom: 0px; margin-bottom: 0px; } .container .row:last-child, .vaexu_wrapper .clear { padding-bottom: 0px; } .vaexu_wrapper > div { margin-bottom: 24px; } .vaexu_wrapper > div:last-child, .row .vaexu_wrapper > img:last-child, .row .vaexu_wrapper > .img-with-animation-wrap:last-child img { margin-bottom: 0px; } .image-hover-shadow div.img-with-animation > img, div.img-with-animation > *{ transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .image-hover-shadow:hover div.img-with-animation > img{ box-shadow: 0 30px 45px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 30px 45px rgba(0, 0, 0, 0.15); } .image-hover-shadow:hover div.img-with-animation > *{ -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } blockquote{ line-height: 30px; font-size: 18px; margin-bottom: 30px; font-style: italic; border-left: 3px solid #141414; padding-left: 30px; font-family: 'OpenSansLight'; } body.single blockquote p { line-height: 30px; font-size: 18px; } .main-content ul, .main-content ol { margin-left: 40px; margin-bottom: 16px; list-style-type: square; } address { font-style: italic; margin: 0 0 24px; } .main-content ul.check-ul li{ line-height: 32px; } .main-content ul.check-ul li:before{ content: "\e64c"; font-family: 'themify'; padding-right: 20px; } .main-content ul li { list-style: none; list-style-position: outside; } .main-content ol li { list-style: decimal; list-style-position: outside; } .main-content img { max-width: 100%; height: auto; display: block; } .main-content .col.span_4 .col.span_2 img, .main-content .col.span_3 .col.span_2 img, .main-content .col.span_2 .col.span_2 img, .main-content .col.span_6 .col.span_2 img, .main-content .col.span_4 .col.span_2 i, .main-content .col.span_3 .col.span_2 i, .main-content .col.span_2 .col.span_2 i, .main-content .col.span_6 .col.span_2 i { top: -4px; } code, pre { display: block; clear: both; overflow: auto; padding: 16px 20px; background-color: #f0f0f0; font: 13px/22px "Andale Mono",Courier,"Courier New",monospace; margin: 20px 0; } dl { margin: 0 20px; } .error404{ } .vaexu-404{ background: transparent; padding:0px; } .vaexu-404 .main-title { text-transform: uppercase; font-size: 1.8em; letter-spacing: 0.25em; margin: 0; padding: 0; text-align: center; } .span_10.iwt h2 { line-height: 20px; } .span_10.iwt h3 { line-height: 18px; } /**** Loading Effects ****/ #loading-overlay{ background: #e9eff4; width: 100%; height: 100%; position: fixed; top: 0px; display: block; z-index: 9999999; text-align: center; } .loading-content{ position: absolute; top: 50%; left: 50%; width: 500px; margin-left: -250px; } .vaexu-loader { overflow: hidden; color: #fff; display: inline-block; position: relative; top: 50%; font-family: 'OpenSansbold'; letter-spacing: .02em; font-size: 40px; line-height: 40px; margin-top: -20px; } .vaexu-loader::before { content: attr(data-letters); position: absolute; z-index: 2; overflow: hidden; color: #141414; white-space: nowrap; width: 0%; -webkit-transition: width 0.4s 0.3s; transition: width 0.4s 0.3s; -webkit-animation: moveWidth 0.8s linear infinite alternate; animation: moveWidth 0.8s linear infinite alternate; } @-webkit-keyframes moveWidth { to { width: 100%; } } @keyframes moveWidth { to { width: 100%; } } /*-------------------------------------------------------------------------*/ /* 3. Header + Search Bar Styles /*-------------------------------------------------------------------------*/ #header-outer { width: 100%; top: 0px; left: 0px; overflow: visible!important; background-color:#fff; z-index: 999; position: fixed; -webkit-transition: transform .5s, height .5s, padding-top .5s, background .5s, opacity .5s; -moz-transition: transform .5s, height .5s, padding-top .5s, background .5s, opacity .5s; -o-transition: transform .5s, height .5s, padding-top .5s, background .5s, opacity .5s; transition: transform .5s, height .5s, padding-top .5s, background .5s, opacity .5s; } .vaexu-page-header-transparent-yes #header-outer{ background: transparent; padding-top: 20px; } #header-outer.stuck-animate{ position: fixed; height: 85px; padding-top: 0px; } #header-outer:before{ display: block; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: #fff; content: ''; z-index: 1; -moz-transition: top 0.5s ease; -o-transition: top 0.5s ease; -webkit-transition: top 0.5s ease; transition: top 0.5s ease; } #header-outer.stuck-animate:before{ top: 0px; } #header-outer.sticky-header-hide { -webkit-transform: translateZ(0) translateY(-100%); -moz-transform: translateZ(0) translateY(-100%); transform: translateZ(0) translateY(-100%); } .admin-bar #header-outer{ top: 32px; } .admin-bar .st-menu-open #header-outer{ top: 0px; } #header-outer{ top: 0px; } .sticky-wrapper.v-header-sticky{ height: 85px; } .admin-bar #header-outer.stuck-animate{ top: 32px; } .display-header-menu{ visibility: visible; } .hide-header-menu{ visibility: hidden; } .hide-header-menu.stuck, .single-portfolio .hide-header-menu, .woocommerce .hide-header-menu, .woocommerce-page .hide-header-menu { visibility: visible; } .st-pusher.vaexu-page-header-transparent-yes #header-outer.stuck-animate.dark-slide header#top #logo, .st-pusher.vaexu-page-header-transparent-yes #header-outer.stuck-animate.dark-slide header#top nav > ul > li > a, .st-pusher.vaexu-page-header-transparent-yes #header-outer.stuck-animate.dark-slide header#top nav > ul > li > a > i, .st-pusher #header-outer.stuck-animate header#top #logo, .st-pusher #header-outer.stuck-animate header#top nav > ul > li > a, .st-pusher #header-outer.stuck-animate header#top nav > ul > li > a > i{ color: #000; } header#top { position: relative; z-index: 1; width: 100%; } header#top nav > ul > li > a > i{ color: #000; width: auto; } header#top nav > ul > li > a.vaexu-side-slide-content-trigger{ padding-right: 0px; position: relative; } body[data-transparent-nav="1"][data-header-color="light"] #header-outer { background-color: rgba(255,255,255,0.965); } body[data-header-color="dark"] #header-outer, body[data-header-color="dark"] #search-outer { background-color: #1F1F1F; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -o-box-shadow: none!important; } body[data-header-color="dark"] #header-outer .cart-menu { background-color: #111; } body[data-header-color="dark"] header#top nav ul li a, body[data-header-color="dark"] #search-outer input, body[data-header-color="dark"] header#top #logo { color: #A0A0A0; } header#top #logo { width: auto; max-width: none; display: block; font-size: 22px; color: #000; line-height: 85px; left: 45px; z-index: 1000; font-weight: 700; letter-spacing: .05em; } .transparent header#top #logo{ color: white; } .st-pusher.vaexu-page-header-transparent-yes #header-outer.dark-slide header#top #logo, .st-pusher.vaexu-page-header-transparent-yes #header-outer.dark-slide header > a, .st-pusher.vaexu-page-header-transparent-yes #header-outer.dark-slide header#top nav > ul > li > a, .st-pusher.vaexu-page-header-transparent-yes #header-outer.dark-slide header#top nav > ul > li > a > i .st-pusher.vaexu-page-header-transparent-yes #header-outer.dark-slide header#top #mobile-nav i, .st-pusher.vaexu-page-header-transparent-yes #header-outer.dark-slide header#top #mobile-cart-link i{ color: #000; } .transparent.dark-slide header#top #logo, .transparent.dark-slide header > a, #header-outer.transparent.dark-slide header#top nav > ul > li > a, #header-outer.transparent.dark-slide header#top nav > ul > li > a > i{ color: #000; } .st-pusher.page-header-dark header#top #logo, .st-pusher.page-header-dark header > a, .st-pusher.page-header-dark header#top nav > ul > li > a, .st-pusher.page-header-dark header#top nav > ul > li > a > i, .st-pusher.page-header-dark .vaexu-custom-header-content h1, .st-pusher.page-header-dark header#top #mobile-nav i, .st-pusher.page-header-dark header#top #mobile-cart-link i { color: #000; } .st-pusher.vaexu-page-header-transparent-yes.page-header-light header#top #logo, .st-pusher.vaexu-page-header-transparent-yes.page-header-light header a, .st-pusher.vaexu-page-header-transparent-yes.page-header-light header#top nav > ul > li > a, .st-pusher.vaexu-page-header-transparent-yes.page-header-light header#top nav > ul > li > a > i, .st-pusher.vaexu-page-header-transparent-yes.page-header-light .vaexu-custom-header-content h1, .st-pusher.vaexu-page-header-transparent-yes.page-header-light .vaexu-custom-header-content span, .st-pusher.vaexu-page-header-transparent-yes.page-header-light header#top #mobile-nav i, .st-pusher.vaexu-page-header-transparent-yes.page-header-light header#top #mobile-cart-link i { color: #fff; } header#top #logo.logo-open, .transparent.dark-slide header#top #logo.logo-open{ color: white; } /* image logo */ .st-pusher.vaexu-page-header-transparent-yes #header-outer.dark-slide header#top #logo .dark-logo{ display: inline-block!important; } .st-pusher.vaexu-page-header-transparent-yes #header-outer.dark-slide header#top #logo .light-logo{ display: none!important; } .st-pusher.vaexu-page-header-transparent-yes.page-header-dark #header-outer header#top #logo .light-logo{ display: none!important; } .st-pusher.vaexu-page-header-transparent-yes.page-header-dark #header-outer header#top #logo .dark-logo{ display: inline-block!important; } .st-pusher.vaexu-page-header-transparent-yes.page-header-light #header-outer header#top #logo .light-logo{ display: inline-block!important; } .st-pusher.vaexu-page-header-transparent-yes.page-header-light #header-outer header#top #logo .dark-logo{ display: none!important; } .st-pusher #header-outer header#top #logo .dark-logo{ display: inline-block!important; } .st-pusher #header-outer header#top #logo .light-logo{ display: none!important; } .st-pusher #header-outer.stuck-animate header#top #logo .light-logo{ display: none!important; } .st-pusher #header-outer.stuck-animate header#top #logo .dark-logo{ display: inline-block!important; } .transparent.dark-slide header#top #logo .dark-logo{ display: inline-block!important; } .transparent.dark-slide header#top #logo .light-logo{ display: none!important; } .transparent header#top #logo .light-logo{ display: inline-block!important; } .transparent header#top #logo .dark-logo{ display: none!important; } .st-pusher.vaexu-page-header-transparent-yes #header-outer.stuck-animate header#top #logo .light-logo{ display: none!important; } .st-pusher.vaexu-page-header-transparent-yes #header-outer.stuck-animate header#top #logo .dark-logo{ display: inline-block!important; } header#top #logo:hover { color: #000; } header#top #logo img { text-indent: -9999px; max-width: none; width: auto; margin-bottom: 0px; display: inline-block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; vertical-align: middle; } header#top .container .row { padding-bottom: 0px; } header#top nav > ul { float: right; overflow: visible!important; } header#top nav ul li { float: right; padding: 0 32px; } header#top nav > ul > li { float: left; padding: 0px; } header#top nav > ul > li > a { padding: 0px 20px 0px 20px; display: block; color: #000; font-size: 0.825rem; line-height: 85px; -webkit-transition: color, visibility 0.5s ease; -moz-transition: color, visibility 0.5s ease; -o-transition: color, visibility 0.5s ease; transition: color, visibility 0.5s ease; cursor: pointer; } html:not(.js) header#top nav > ul > li > a { padding-bottom: 46px; } .sf-menu > li.current_page_ancestor > a > .sf-sub-indicator [class^="fa-"], .sf-menu > li.current-menu-ancestor > a > .sf-sub-indicator [class^="fa-"], .sf-menu > li.current_page_item > a > .sf-sub-indicator [class^="fa-"] { color: #1e83ec; } .sf-menu ul li.current_page_item > a , .sf-menu ul li.current-menu-ancestor > a, .sf-menu ul li.current_page_ancestor > a { color: #1e83ec; } body header#top nav > ul > li > ul.temp-hidden-display { display: block!important; opacity: 0; left: 0!important; right: auto!important; } body header#top nav > ul > li.edge > ul { left: auto; right: 0; } body header#top nav > ul > li li.edge > ul { left: auto; right: 0; } header#top .span_9 { position: static!important; } header#top nav > ul > li.megamenu { position: inherit!important; } header#top nav > ul > li.megamenu > ul.sub-menu { width: 100%; left: 0px; padding: 15px 20px; } header#top nav > ul > li.megamenu > ul > li { display: table-cell!important; float: none!important; padding: 0px 15px; width: 33.33%; } header#top nav > ul > li.megamenu > ul > li:last-child { border-right: none!important; } header#top nav > ul > li.megamenu.columns-3 > ul > li { width: 33.33%; } header#top nav > ul > li.megamenu.columns-4 > ul > li { width: 25%; } header#top nav > ul > li.megamenu.columns-5 > ul > li { width: 20%; } header#top nav > ul > li.megamenu.columns-6 > ul > li { width: 16.66%%; } header#top nav > ul > li.megamenu > ul > li ul { display: block!important; top: 0px!important; width: 100%; opacity: 1!important; left: 0px!important; position: relative!important; } header#top nav > ul > li.megamenu ul li a { padding: 9px 15px; } header#top nav > ul > li.megamenu > ul > li > a { font-family: 'RalewayBold'; font-size: 12px; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 2px; } header#top nav > ul > li.megamenu > ul > li > a:hover, header#top nav > ul > li.megamenu > ul > li.sfHover > a { background-color: transparent!important; } header#top .menu-item-language .iclflag { top: 1px; position: relative; margin-right: 4px; } header#top #mobile-nav { position: absolute; right: 20px; top: 27px; display: none; width: 36px; height: 28px; text-align: center; margin-bottom: 10px; cursor: pointer; } header#top #mobile-cart-link { position: absolute; left: 20px; top: 27px; display: none; width: 36px; height: 28px; text-align: center; margin-bottom: 10px; z-index: 10000; } header#top #mobile-nav i, header#top #mobile-cart-link i { background-color: transparent; color: #141414; line-height: 34px; font-size: 18px; width: 18px; } .st-pusher.page-header-light.vaexu-page-header-transparent-no header#top #mobile-nav i, .st-pusher.page-header-light.vaexu-page-header-transparent-no header#top #mobile-cart-link i{ color: #141414; } .st-pusher.page-header-dark header#top #mobile-nav i, .st-pusher.page-header-dark header#top #mobile-cart-link i{ color: #141414; } .st-pusher.page-header-light #header-outer.stuck-animate header#top #mobile-nav i, .st-pusher.page-header-light #header-outer.stuck-animate header#top #mobile-cart-link i, .single.single-post .st-pusher #header-outer.stuck-animate header#top #mobile-nav i, .single.single-post .st-pusher #header-outer.stuck-animate header#top #mobile-cart-link i{ color: #141414; } @media only screen and (min-width: 1001px) { body #header-outer[data-header-transparent="true"].transparent { background-color: transparent!important; box-shadow: none!important; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } #header-outer[data-header-transparent="true"].transparent #logo img, #header-outer[data-header-transparent="true"] #logo .starting-logo { opacity: 0; -ms-filter: 'alpha(opacity=0)'; } #header-outer[data-header-transparent="true"].transparent #logo .starting-logo { opacity: 1; -ms-filter: 'alpha(opacity=100)'; } } .vaexu-search-overlay{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: #e9eff4; text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; z-index: 999999; } .vaexu-search-overlay:before{ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em; } .vaexu-search-overlay.vaexu-search-overlay-show{ visibility: visible; opacity: 1; } .vaexu-search-overlay .vaexu-fullscreen-close{ position: absolute; right: 50px; top: 70px; font-size: 26px; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; transform: rotate(0deg); } #search-outer { display: inline-block; width: 100%; max-width: 1000px; text-align: center; font-size: 18px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); ms-transform: scale(0.9); opacity: 0; visibility: hidden; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .vaexu-search-overlay.vaexu-search-overlay-show #search-outer{ opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); ms-transform: scale(1); } #search-box { } #search-outer.search-open #search-box{ bottom: 20px; } #search-outer .container { overflow: visible; } #search-outer #search input[type=text] { width: 100%; position: relative; width: 800px; background-color: transparent; -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); border: 0; text-align: left; font-size: 35px; padding: 20px 0; color: #000; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; letter-spacing: 1.2px; } #search-outer #search input[type=text]:focus{ -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 1); -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 1); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 1); } #search-outer .ui-widget-content { background-color: #1F1F1F; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; background-image: none; top: 90px; } #search-outer .ui-widget-content li:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-color: #272727; cursor: pointer; } #search-outer .ui-widget-content li:hover a { background-image: none!important; } #search-outer .ui-widget-content li:last-child a { border: none!important; } #search-outer .ui-widget-content li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .ui-helper-hidden-accessible { display: none; } #search-outer .ui-widget-content img, #search-outer .ui-widget-content i { width: 40px!important; height: auto!important; float: left; margin-right: 15px; } #search-outer .ui-widget-content i { height: 40px; line-height: 40px; font-size: 22px; background-color: rgba(255,255,255,0.1); border-radius: 0!important; } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-menu { display: block; float: left; list-style: none outside none; margin: 0; padding: 2px; } .ui-autocomplete { cursor: default; position: absolute; } .ui-menu .ui-menu-item a { display: block; line-height: 1.5; padding: 0.2em 0.4em; text-decoration: none; } #search-outer .ui-widget-content { width: 100%!important; left: 0!important; } #search-outer .ui-widget-content li { line-height: 14px; clear: left; width: 100%; display: block; float: left; margin: 0px!important; } #search-outer .ui-widget-content li span.desc { position: relative; line-height: 14px; font-size: 11px; } #search-outer .ui-widget-content li a { color: #CCCCCC; line-height: 1.4em!important; transition: none!important; -moz-transition: none!important; -webkit-transition: none!important; -o-transition: none!important; padding: 15px 15px; } #search-outer > #search form { width: 100%; float: left; } #search-outer #search #close { list-style: none; } #search-outer #search #close a { position: absolute; right: 0px; top: 24px; display: block; width: 24px; height: 17px; line-height: 22px; } #search-outer #search #close a span { color: #a0a0a0; font-size: 18px!important; height: 20px!important; line-height: 19px!important; background-color: transparent!important; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } #search-outer > #search #close a:hover span { color: #1e83ec; } #header-outer #search { position: relative; } #header-outer .row .col.span_9 { float: right; } #portfolio-filters-inline.full-width-content .container { width: 100%; max-width: 100%; padding: 0 40px; } .row .col h4{ font-size: 15px; margin-bottom: 2px; } .row .col img { max-width: 100%; width: auto; height: auto; } #mobile-menu { position: fixed; right: 0px; width: 480px; max-width: 100%; height: 100%; z-index: 0; background: #000; visibility: hidden; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); -webkit-transition: all 0.5s; transition: all 0.5s; overflow: auto; padding: 36px 64px; } .st-menu-open #mobile-menu{ visibility: hidden; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } a.mobile-menu-close{ border: 2px solid rgba(255, 255, 255, 0.2); color: #fff; padding: 10px; margin-top: 12px; position: relative; display: block; text-align: center; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } a.mobile-menu-close:hover{ border: 2px solid rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0.2); } #mobile-menu .container > ul > li:first-child { padding-top: 10px; } #mobile-menu .container > ul > li:last-child { padding-bottom: 10px; } #mobile-menu .container > ul > li:last-child a { border-bottom: 0px; } #mobile-menu ul li a { border-bottom: 1px dotted rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); font-size: 12px; display: block; position: relative; padding: 16px 0; } #mobile-menu ul li a .sf-sub-indicator i { color: #888!important; } #mobile-menu ul li ul { display: none; margin-left: 20px; } #mobile-menu ul li a:hover, #mobile-menu ul li a:hover [class^="fa-"], #mobile-menu li.open > a, #mobile-menu ul li.current-menu-item > a, #mobile-menu ul li.current-menu-ancestor > a { color: #fff; } body #mobile-menu li.open > a [class^="fa-"] { color: #1e83ec; } #mobile-menu #mobile-search { margin: 16px 0; } #mobile-menu #mobile-search form{ position: relative; } #mobile-menu #mobile-search form:before{ content: "\f002"; background: transparent; position: absolute; color: #848484; left: 15px; top: 18px; height: 44px; pointer-events: none; z-index: 10; font-family: 'FontAwesome'; line-height: 44px; font-size: 16px; } #mobile-menu input[type=text] { margin-top: 15px; margin-bottom: 15px; background-color: #141414; color: rgba(255, 255, 255, 0.7); padding: 15px 15px 15px 40px; border: 0px; background-repeat: no-repeat; background-position: 15px center; } /* Slide Content For Cart Or Something else defined by Slide Content Section in the backend */ .vaexu-site-container, .st-pusher{ height: 100%; } .vaexu-site-container { position: relative; overflow: hidden; } .st-pusher { position: relative; right: 0; height: 100%; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; overflow: hidden; } .st-pusher::after { position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(255,255,255,0.6); content: ''; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; z-index: 9999; } .st-menu-open .st-pusher::after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .st-menu { position: absolute; top: 0; left: 0; z-index: 100; visibility: hidden; width: 300px; height: 100%; background: #48a770; -webkit-transition: all 0.5s; transition: all 0.5s; } /* content style */ .st-menu ul { margin: 0; padding: 0; list-style: none; } .st-menu h2 { margin: 0; padding: 1em; color: rgba(0,0,0,0.4); text-shadow: 0 0 1px rgba(0,0,0,0.1); font-weight: 300; font-size: 2em; } .st-menu ul li a { display: block; padding: 1em 1em 1em 1.2em; outline: none; box-shadow: inset 0 -1px rgba(0,0,0,0.2); color: #f3efe0; text-transform: uppercase; text-shadow: 0 0 1px rgba(255,255,255,0.1); letter-spacing: 1px; font-weight: 400; -webkit-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; } .st-menu ul li:first-child a { box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2); } .st-menu ul li a:hover { background: rgba(0,0,0,0.2); box-shadow: inset 0 -1px rgba(0,0,0,0); color: #fff; } /* Slide along */ .slide-along.st-menu-open .st-pusher { -moz-transform: translate3d(-480px, 0, 0); -webkit-transform: translate3d(-480px, 0, 0); transform: translate3d(-480px, 0, 0); } /* Vaexu Side Slide Content 1.WooCommerce */ .vaexu-side-slide-content{ position: fixed; right: 0px; width: 480px; height: 100%; z-index:0; background: #e9eff4; visibility: hidden; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); -webkit-transition: all 0.5s; transition: all 0.5s; overflow: auto; padding: 32px 55px; } .st-menu-open .vaexu-side-slide-content{ visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .vaexu-cart .cart-menu h2{ font-size: 14px; text-transform: uppercase; float: left; color: #000; } .vaexu-cart .cart-menu h2:hover{ color: #000; } .vaexu-cart .cart-menu .item-count{ text-align: right; } .vaexu-cart .cart-menu .item-count span{ border: 2px solid; border-radius: 500px; width: 30px; display: inline-block; height: 30px; text-align: center; line-height: 26px; } .vaexu-cart .cart-menu-wrap{ width: 100%; padding: 24px 30px; background: #fff; border-radius: 10px; margin-bottom: 20px; } .vaexu-cart .widget_shopping_cart_content a.button{ width: 100%; margin-top: 10px; padding: 20px!important; background: #000; color: white; } .vaexu-cart .widget_shopping_cart_content .cart_list.product_list_widget{ padding:30px; background: #fff; border-radius: 10px; margin-bottom: 20px; } .vaexu-cart .widget_shopping_cart_content .total{ padding: 20px 30px; border-top: 0px; background: #fff; border-radius: 10px; } .vaexu-cart .widget_shopping_cart_content .total > span.amount{ float: right; } .vaexu-cart .widget_shopping_cart_content .buttons{ padding: 20px 30px; } .vaexu-cart .cart_list.product_list_widget > li{ margin-bottom: 18px; padding-top: 0px; border-bottom: 1px solid #f1f1f1; padding-bottom: 18px; padding-left: 0px; } .vaexu-cart .cart_list.product_list_widget > li:last-child{ margin-bottom: 0px; border-bottom: 0px; } .vaexu-cart .cart_list.product_list_widget > li > a > img{ width: 80px; height: 80px; border: 3px solid #fff; float: left; margin-right: 15px; border-radius: 5px; } .vaexu-cart .cart-empty figure{ text-align: center; padding: 75px 30px 40px; margin: 0px; } .vaexu-cart .cart-empty i.fa-shopping-cart{ color: #000; background: transparent; font-size: 75px; display: inline-block; width: 75px; } .vaexu-cart .cart-empty p.message{ text-align: center; margin-bottom: 0px; } .vaexu-cart .cart-empty .return-to-shop{ text-align: center; } /* /End of Vaexu Side Slide Content */ /********************************** Vaexu mega menu styles **********************************/ header#top nav > ul > li >div.vaexu_mega_div{ opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s ease-in-out,margin 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out,margin 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out,margin 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out,margin 0.4s ease-in-out; transition: opacity 0.4s ease-in-out,margin 0.4s ease-in-out; position: absolute; } header#top nav > ul > li.vaexu-mega-menu-item:hover >div.vaexu_mega_div{ margin: 0px; right: 0; position: absolute; top: 100%; z-index: 2; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); padding: 0px; display: block; width:100%; background: #fff; visibility: visible; opacity: 1; text-align: center; } .main_menu .vaexu-bullet{display:none} header.menu-item-mega-parent.current-menu-item{overflow: visible!important;} header.mega_menu_title a{ font-size: 17px; line-height: 1.1em; padding:0; margin:0; background: transparent; border:none; } header.mega_menu_title a:hover{ text-decoration: underline; } li.vaexu-mega-menu-item{ position: inherit !important; } header#top nav > ul > li >div.vaexu_mega_div ul{ display: table; border-top-style: solid; border-top-width: 2px; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-style: none; border-width: 0px; position: relative; top: 0; left: 0; opacity: 1!important; visibility: hidden; left: 0px !important; margin-left: 0px !important; display: block!important; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; background: none; padding: 0px; } header#top nav > ul > li >div.vaexu_mega_div > ul{ padding: 48px 10px; } header#top nav > ul > li >div.vaexu_mega_div li{ float: none; padding-bottom: 0; vertical-align: top; position: relative; display: block; top: auto; left: auto; height: auto; } header#top nav > ul > li >div.vaexu_mega_div li h4{ font-size: 13px; line-height: 1.3; text-align: left; padding: 6px 0 0 0; color: #141414; display: inline-block; margin-left: 30px; } header#top nav > ul > li:hover >div.vaexu_mega_div .sub-menu{ width: 100%; position: relative; display: inline-block!important; visibility: visible; opacity: 1; text-align: left; margin: 0 auto; } header#top nav > ul > li:hover >div.vaexu_mega_div .sub-menu > li > span.vaexu-mega-menu-ul{ font-size: 14px; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; line-height: 16px; color: #252525; transition: none; padding: 15px 0 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-bottom: 2px solid transparent; display: inline-block; } header#top nav > ul > li:hover >div.vaexu_mega_div .sub-menu > li > a.sf-with-ul, header#top nav > ul > li:hover >div.vaexu_mega_div .sub-menu > li > span.vaexu-mega-menu-ul{ margin: 0 30px; padding: 10px 0; font-family: "OpenSansBold"; } /** column 2 **/ header#top nav > ul > li > div li.vaexu_mega_menu_col_2{ width: 50%; float: left !important; } /** column 3 **/ header#top nav > ul > li > div li.vaexu_mega_menu_col_3{ width: 33.333%; float: left !important; } /** column 4 **/ header#top nav > ul > li > div li.vaexu_mega_menu_col_4{ width: 25%; float: left !important; } header#top nav > ul > li > div li.vaexu_mega_menu_col_4.vaexu_mega_menu_col_fist{ border-left: none; } /******************************** End of vaexu mege styles ********************************/ /* Second menu */ .vaexu-menu ul:nth-of-type(2) li { width: 60px; height: 50px; line-height: 50px; -webkit-transform: scale(0); transform: scale(0); } .vaexu-menu.vaexu-menu-open ul:nth-of-type(2) li:first-child { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .vaexu-menu.vaexu-menu-open ul:nth-of-type(2) li:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .vaexu-menu.vaexu-menu-open ul:nth-of-type(2) li:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .vaexu-menu.vaexu-menu-open ul:nth-of-type(2) li:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .vaexu-menu.vaexu-menu-open ul:nth-of-type(2) li { -webkit-transform: scale(1); transform: scale(1); } .vaexu-menu ul li a { display: block; outline: none; text-decoration: none; } .vaexu-menu ul:nth-of-type(2) li a { color: transparent; text-align: center; font-size: 0px; } .vaexu-menu ul li a:before { color: #fff; font-size: 24px; -webkit-transition: color 0.2s; transition: color 0.2s; } /*-------------------------------------------------------------------------*/ /* 3. Main Content /*-------------------------------------------------------------------------*/ .row .col.section-title { margin: 0px; padding-bottom: 36px; } .row .col.section-title.vaexu-heading.text-align-center:before{ font-family: 'FontAwesome'; display: block; height: 100px; border-radius: 5px; width: 146px; content: "\f097"; top: 28px; bottom: auto; position: absolute; margin-left: -73px; left: 50%; background: none; z-index: -1; font-size: 120px; color: rgba(0, 0, 0, 0.1); } .row .col.section-title.vaexu-heading h2{ text-transform: uppercase; font-size: 35px; margin-bottom: 0px; } .row .col.section-title.vaexu-heading.text-align-center h2{ padding-top: 20px; } .row .col.section-title.vaexu-heading h2 span{ color: inherit; border-top: 3px solid; position: absolute; bottom: -14px; width: 30px; } .row .col.section-title.vaexu-heading.text-align-left h2 span{ left: 0px; } .row .col.section-title.vaexu-heading.text-align-center h2 span{ display: none; } .row .col.section-title.vaexu-heading.text-align-right h2 span{ left: 100%; margin-left: -30px; } .row .col.section-title.vaexu-heading p{ padding-bottom: 2px; font-size: 16px; letter-spacing: .05em; } .row .col.section-title.vaexu-heading.text-align-center p{ margin-bottom: -20px; } #full_width_custom_category .row .col.section-title { border-bottom: 0px; padding-bottom: 0px; } .row .col.section-title.v_custom_category_item_title, .row .col.section-title.blog-title { margin-bottom: 14px; } .project-additional { margin-left: 0px!important; color: #999999; font-size: 11px; margin-top: 6px; margin-bottom: 0px!important; } .project-additional li { list-style: none!important; } .home .row .col.section-title { padding: 0px 0px 3em 0px; } .row .col.section-title h1, .row .col.section-title h2 { margin-bottom: 0px; letter-spacing: .02em; position: relative; } .row .col.section-title h2 { margin-bottom: 5px; } .row .col.section-title span { font-size: 20px; line-height: 20px; color: #888; position: relative; text-transform: none; padding-left: 10px; } .row .col.section-title.search-result-title span{ font-size: 18px; color: #1e83ec; } .row .col.section-title h1 { font-size: 28px; margin-bottom: 0px; } .row .col.section-title p { font-size: 20px; line-height: 28px; padding-bottom: 0px; color: #555; text-transform: uppercase; } .vaexu_wrapper > .divider, .vaexu_wrapper > .divider-border , .vaexu_wrapper > .divider-small-border, .vaexu_text_column > .vaexu_wrapper > *:last-child { margin-bottom: 0px; } .divider { height: 20px; display: inline-block; width:100%; } .divider-border { margin: 35px 0px 35px 0px; border-bottom: 1px solid #ddd; } .centered-text .divider-small-border { margin: 25px auto; } .divider-small-border { margin: 25px 0; width: 20%; border-bottom: 1px solid #ddd; display: inline-block; } body .vaexu_separator, body .vpb_text_separator { border-color: rgba(0,0,0,0.06); } body .vpb_text_separator div { background-color: #f8f8f8; font-size: 22px; line-height: 32px; letter-spacing: 0.5px; top: -20px; } .light .divider-small-border { border-bottom: 1px solid rgba(255,255,255,0.6); } .divider-small-border.light-color{ border-color: #fff; } .divider-small-border.dark-color{ border-color: #141414; } .divider-small-border.grey-color{ border-color: #ccc; } .col.boxed, .vaexu_column.boxed { -o-box-shadow: 10px 10px 0 rgba(0,0,0,0.08); -moz-box-shadow: 10px 10px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 10px 10px 0 rgba(0,0,0,0.08); box-shadow: 10px 10px 0 rgba(0,0,0,0.08); background-color: #fff; padding: 25px 15px 15px 15px; position: relative; } .col.boxed span.bottom-line, .vaexu_column.boxed span.bottom-line { height: 1px; width: 100%; display: block; position: absolute; bottom: 2px; left: 0px; background-color: #E8E8E8; } .col.boxed img, .vaexu_column.boxed img { padding: 0px 15px; } .col.centered-text, .vaexu_column.centered-text { text-align: center; } .col.centered-text ul, .vaexu_column.centered-text ul { display: inline-block; text-align: center; margin-left: 0!important; } .col.centered-text ul, .vaexu_column.centered-text ul { text-align: left; } .vaexu_column { transition: all 0.27s ease-out; -webkit-transition: all 0.27s ease-out; -o-transition: all 0.27s ease-out; -moz-transition: all 0.27s ease-out; background-position: center; background-size:cover } .col.centered-text img, .vaexu_column.centered-text img, .col.center img { margin-left: auto!important; margin-right: auto!important; } .vaexu_column.col.hover-effect-enable:hover{ box-shadow: 0 45px 100px rgba(0,0,0,0.4), 0 16px 40px rgba(0,0,0,0.4); transform: scale(1.07)!important; -webkit-transform: scale(1.07)!important; } .vaexu_column.col.hover-effect-enable > .vaexu_wrapper{ transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1); -webkit-transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1); } .vaexu_column.col.hover-effect-enable:hover > .vaexu_wrapper { opacity: 0; transform: scale(.8); -webkit-transform: scale(.8); } .vaexu_column.col.hover-effect-enable > .angle{ display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; letter-spacing: 0; color: #fff; left: 50%; opacity: 0; width: auto; margin-left: 10px; position: absolute; top: 50%; margin-top: -1px; -ms-transform: translateX(-8px) translateY(-50%); -webkit-transform: translateX(-8px) translateY(-50%); transform: translateX(-8px) translateY(-50%); font-size: 21px; transition: opacity 0.4s cubic-bezier(.645,.045,.355,1), transform 0.4s cubic-bezier(.645,.045,.355,1); -webkit-transition: opacity 0.4s cubic-bezier(.645,.045,.355,1), -webkit-transform 0.4s cubic-bezier(.645,.045,.355,1); } .vaexu_column.col.hover-effect-enable:hover > .angle{ opacity: 1; -ms-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } .vaexu_column.col.hover-effect-enable > .line{ backface-visibility: hidden; letter-spacing: 0; display: block; content: ' '; z-index: 100; position: absolute; width: 32px; height: 0.5px; background-color: #fff; top: 50%; margin-top: -1px; margin-left: -8px; opacity: 0; left: 50%; cursor: pointer; transform: translateY(-50%) translateX(-20px) translateZ(0); -webkit-transform: translateY(-50%) translateX(-20px) translateZ(0); transition: opacity 0.4s cubic-bezier(.645,.045,.355,1), transform 0.4s cubic-bezier(.645,.045,.355,1); -webkit-transition: opacity 0.4s cubic-bezier(.645,.045,.355,1), -webkit-transform 0.4s cubic-bezier(.645,.045,.355,1); } .vaexu_column.col.hover-effect-enable:hover > .line{ opacity: 1; -ms-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } .col.span_3 .col.span_12 i, .col.span_4 .col.span_12 i { margin-bottom: 0px; } body .vaexu_text_column { margin-bottom: 0px; } body .vaexu_text_column h2:last-child, body .vaexu_text_column h3:last-child { margin-bottom: 10px; } /* Full width content solumn sizing*/ .vaexu_row .span_12 > .col.padding-1-percent { padding: 1%; } .vaexu_row .span_12 > .col.padding-2-percent { padding: 2%; } .vaexu_row .span_12 > .col.padding-3-percent { padding: 3%; } .vaexu_row .span_12 > .col.padding-4-percent { padding: 4%; } .vaexu_row .span_12 > .col.padding-5-percent { padding: 5%; } .vaexu_row .span_12 > .col.padding-6-percent { padding: 6%; } .vaexu_row .span_12 > .col.padding-7-percent { padding: 7%; } .vaexu_row .span_12 > .col.padding-8-percent { padding: 8%; } .vaexu_row .span_12 > .col.padding-9-percent { padding: 9%; } .vaexu_row .span_12 > .col.padding-10-percent { padding: 10%; } /*****************Vaexu Button ******************/ .btn { padding: 8px 16px; } input[name="post_password"][type="password"]{ display: inline-block; max-width: 240px; background: #f7f7f7; padding: 12px 18px; } /* Button Styles */ .button{ display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; } .button-withverticalline{ background: transparent; font-size: 12px; letter-spacing: 1px; height: 120px; } .button-withverticalline span.line{ height: 75px; width:1px; background:#fff; display: inline-block; position: absolute; left: 50%; bottom: 0px; } .button-withunderline{ background: transparent; font-size: 12px; letter-spacing: 1px; } .button-withunderline span.line{ height: 2px; width: 100%; position: absolute; background:#fff; left: 0; bottom: 0px; overflow: hidden; } .button-withunderline span.line:after{ display: block; border-bottom-width: 2px; border-bottom-style:solid; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.24, 1, 0.30, 1), border-color 0.2s cubic-bezier(.39,.71,.56,.98); transition: transform 0.4s cubic-bezier(0.24, 1, 0.30, 1), border-color 0.2s cubic-bezier(.39,.71,.56,.98); bottom: 0px; content: ''; } .button-withunderline:hover span.line:after{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fulltext-button{ background: transparent; font-size: 12px; letter-spacing: 1px; z-index: 1; } a.fulltext-button:hover{ color:#fff; } .fulltext-button:after{ position: absolute; width: 0; height: 100%; content: ""; bottom: 0; right: 0; transition: all 0.35s; z-index: -1; } .fulltext-button:hover:after{ width: 100%; left: 0; right: auto; } .button-ghost{ background: transparent; border: 2px solid #000; padding: 6px 22px; font-size: 12px; letter-spacing: 1px; } .fill-button{ padding: 16px 32px 16px 32px; position: relative; z-index: 1; text-decoration: none; background-color: #343434; box-sizing: border-box; overflow: hidden; -webkit-transition-property: -webkit-transform, -webkit-box-shadow; transition-property: -webkit-transform, -webkit-box-shadow; transition-property: transform, box-shadow; transition-property: transform,-webkit-transform, -webkit-box-shadow; -webkit-transition-duration: .8s; transition-duration: .8s; -webkit-transform-origin: right top; transform-origin: right top; text-align: left; display: inline-block; } .fill-button:hover{ box-shadow: 0 20px 40px rgba(0,0,0,.2); } .fill-button > span{ display: inline-block; font-size: 12px; color: #fff; letter-spacing: .005em; position: relative; -webkit-transition-property: -webkit-transform,opacity; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transition-duration: .6s; transition-duration: .6s; transition-timing-function: cubic-bezier(.645,.045,.355,1); z-index: 2; font-family: 'OpenSansExtraBold'; margin: 0 20px; } .fill-button:hover > span{ -webkit-transform: translateX(20px); transform: translateX(20px); } .fill-button > i{ display: block; position: absolute; right: 24px; top: 0; bottom: 0; margin: auto 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .4s; transition-duration: .4s; transition-timing-function: cubic-bezier(.645,.045,.355,1); vertical-align: middle; z-index: 2; color: white; } .fill-button:after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #1239ff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1); transition-timing-function: cubic-bezier(.645,.045,.355,1); content: ''; } .fill-button:hover:after{ -webkit-transform: scaleX(1); transform: scaleX(1); } .fill-button .angle{ display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; letter-spacing: 0; color: #fff; left: 25px; opacity: 0; width: auto; margin-left: 15px; position: absolute; top: 50%; margin-top: -1px; -ms-transform: translateX(-8px) translateY(-50%); -webkit-transform: translateX(-8px) translateY(-50%); transform: translateX(-8px) translateY(-50%); font-size: 25px; transition: opacity 0.4s cubic-bezier(.645,.045,.355,1), transform 0.4s cubic-bezier(.645,.045,.355,1); -webkit-transition: opacity 0.4s cubic-bezier(.645,.045,.355,1), -webkit-transform 0.4s cubic-bezier(.645,.045,.355,1); } .fill-button:hover .angle{ opacity: 1; -ms-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } .fill-button .line{ backface-visibility: hidden; letter-spacing: 0; display: block; content: ' '; z-index: 100; position: absolute; width: 22px; height: 2px; background-color: #fff; top: 50%; margin-top: -1px; opacity: 0; left: 26px; cursor: pointer; transform: translateY(-50%) translateX(-20px) translateZ(0); -webkit-transform: translateY(-50%) translateX(-20px) translateZ(0); transition: opacity 0.4s cubic-bezier(.645,.045,.355,1), transform 0.4s cubic-bezier(.645,.045,.355,1); -webkit-transition: opacity 0.4s cubic-bezier(.645,.045,.355,1), -webkit-transform 0.4s cubic-bezier(.645,.045,.355,1); } .fill-button:hover .line{ opacity: 1; -ms-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } .vaexu-button { transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; color: #FFFFFF; font-family: 'OpenSansBold'; font-size: 12px; padding: 13px 18px; position: relative; margin: 30px 0; opacity: 1; line-height: 20px; background-color: #1e83ec; display: inline-block; -webkit-backface-visibility: hidden; border: 1px solid transparent; } header#top nav ul li a.vaexu-button{ color: #fff!important; display: inline; padding: 10px 12px; border-radius: 3px; margin-left: 30px; -webkit-transition: color, visibility, background, opacity 0.2s linear; -moz-transition: color, visibility, background, opacity 0.2s linear; -o-transition: color, visibility, background, opacity 0.2s linear; transition: color, visibility, background, opacity 0.2s linear; } .vaexu-button.none_radius{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; } .vaexu-button.little_radius{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; } .vaexu-button.large_radius{ border-radius: 500px; -moz-border-radius: 500px; -webkit-border-radius: 500px; -o-border-radius: 500px; } .vaexu-button.small { font-size: 12px; padding: 12px 28px; color: #FFFFFF; } .vaexu-button.medium { padding: 8px 30px; font-size: 14px; letter-spacing: .05em; color: #FFFFFF; } .vaexu-button.large { font-size: 14px; padding: 20px 30px; } .vaexu-button i { font-size: 18px; line-height: 18px; width: 18px; position: absolute; top: 50%; right: 30px; margin-top: -9px; opacity: 0; -ms-filter: "alpha(opacity=0)"; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .vaexu-button i.fa-button-arrow { font-size: 20px; } .vaexu-button span { position: relative; -webkit-transition: left .2s ease-out; -moz-transition: left .2s ease-out; -ms-transition: left .2s ease-out; -o-transition: left .2s ease-out; transition: left .2s ease-out; left: 0; } .vaexu-button.has-icon { padding-left: 32px; padding-right: 32px; } .vaexu-button.has-icon:hover span { left: -10px; } .vaexu-button.has-icon:hover i { opacity: 1; -ms-filter: "alpha(opacity=100)"; right: 16px; } .vaexu-button:hover, .full-width-section .light .vaexu-button:hover { opacity: 0.75; color: #fff; } .full-width-section .light .vaexu-button { opacity: 0.9; } .vaexu-button.ghost, body .vaexu-button.ghost { background-color: transparent!important; opacity: 1!important; transition: all 0.2s linear!important; -moz-transition: all 0.2s linear!important; -webkit-transition: all 0.2s linear!important; -o-transition: all 0.2s linear!important; border: 1px solid rgba(255,255,255,0.75); } .vaexu-button.ghost-2 { background-color: transparent; opacity: 1; transition: all 0.2s linear!important; -moz-transition: all 0.2s linear!important; -webkit-transition: all 0.2s linear!important; -o-transition: all 0.2s linear!important; border: 1px solid rgba(255,255,255,0.75); } body .vaexu-button.ghost:hover { border-color: rgba(255,255,255,1); } .col.light .vaexu-button.ghost-2 { color: #fff; } .col.light .vaexu-button.ghost { border: 1px solid rgba(255,255,255,0.75); color: #fff; } .col.light .vaexu-button.ghost:hover { border: 1px solid rgba(255,255,255,1); } .col.dark .vaexu-button.ghost, .col.dark .vaexu-button.ghost-2 { border: 1px solid rgba(0,0,0,0.75); color: #444444; } .col.dark .vaexu-button.ghost:hover { border: 1px solid rgba(0,0,0,1); } body .vaexu-button.ghost-2:hover, body .col.dark .vaexu-button.ghost-2:hover { border-color: #1e83ec; background-color: #1e83ec; color: #fff; opacity: 1!important; } h2 .vaexu-button { top: -6px; } .svg-button{ margin-right: 2.5rem; -webkit-transition: opacity .45s ease-out; -o-transition: opacity .45s ease-out; transition: opacity .45s ease-out; position: relative; display: inline-block; background: transparent; padding: .9375rem 1.75rem; width: auto; height: 2.5rem; font-size: .625rem; text-transform: uppercase; text-align: left; color: #fff; line-height: 1; font-family: opensansbold; letter-spacing: 0.6px; cursor: pointer; } .button-inner{ position: absolute; float: right; top: 50%; right: 1.25rem; width: 2.5rem; height: 2px; margin-top: -1px; } .button-inner-line, .button-inner-dot{ height: 100%; float: left; background: #fff; -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; -o-transition: -o-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out,-webkit-transform .15s ease-out,-o-transform .15s ease-out; } .button-inner-line{ width: 1.375rem; } .button-inner-dot{ width: .25rem; margin-left: .125rem; } .svg-button:hover .button-inner-dot.dot-02{ -webkit-transform: translateX(-.25rem); -ms-transform: translateX(-.25rem); -o-transform: translateX(-.25rem); transform: translateX(-.25rem); } .svg-button:hover .button-inner-dot.dot-01{ -webkit-transform: translateX(-.125rem); -ms-transform: translateX(-.125rem); -o-transform: translateX(-.125rem); transform: translateX(-.125rem); } .button-outer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .svg-button svg{ vertical-align: middle; } .svg-button svg:not(:root) { overflow: hidden; } .button-outer-clip, .button-outer-border{ position: absolute; fill: none; stroke: hsla(0,0%,100%,.4); stroke-width: 1px; -webkit-transition: all .55s ease-out; -o-transition: all .55s ease-out; transition: all .55s ease-out; } .button-outer-clip{ stroke: #fff; stroke-width: 4px; stroke-dasharray: 130 190; stroke-dashoffset: -85; } .svg-button:hover .button-outer-clip{ stroke-dasharray: 130 190; stroke-dashoffset: -165; } .svg-button.button-dark{ color: #000; } .svg-button.button-dark .button-inner-line, .svg-button.button-dark .button-inner-dot{ background: #000; } .svg-button.button-dark .button-outer-clip, .svg-button.button-dark .button-outer-border{ stroke: hsl(0, 0%, 0%); } .svg-button.button-dark .button-outer-clip{ stroke: #000; } /*-------------------------------------------------------------------------*/ /* 4. Plugin Related Styles /*-------------------------------------------------------------------------*/ /***************** Superfish ******************/ .sf-menu { line-height: 1; } .sf-menu ul { position: absolute; top: -999em; width: 10em; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; z-index: 99; } header#top .sf-menu > li:hover > ul, header#top .sf-menu > li.sfHover > ul { top: 85px; background-color: #fff; -webkit-box-shadow: 0 45px 100px rgba(0,0,0,0.10), 0 16px 40px rgba(0,0,0,0.10); -moz-box-shadow: 0 45px 100px rgba(0,0,0,0.10), 0 16px 40px rgba(0,0,0,0.10); box-shadow: 0 45px 100px rgba(0,0,0,0.10), 0 16px 40px rgba(0,0,0,0.10); padding: 20px 0 30px 0; width: 260px; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10.8em; top: -10px; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; } .sub-menu { z-index: 3; } .sf-menu { float: left; margin-bottom: 30px; } .sf-menu li li a, .sf-menu li li a:visited { padding-left: 1.25em; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0 none; } .sf-menu ul li a { margin: 0; padding: 14px; } .sf-sub-indicator { display: inline-block; width: 10px; position: relative; left: 8px; height: 10px; } .sf-sub-indicator i { width: 8px; } .sf-sub-indicator [class^="fa-"], .sf-sub-indicator [class*=" fa-"] { color: #888; font-size: 12px; line-height: 16px; height: auto; background-color: transparent!important; } .sf-menu ul a:focus , .sf-menu ul a:hover , .sf-menu ul a:active , .sf-menu ul li:hover > a , .sf-menu ul li.sfHover > a { color: #1e83ec; } .sf-shadow ul.sf-shadow-off { background: none repeat scroll 0 0 transparent; } .sf-vertical, .sf-vertical li { width: 100%; } .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; top: 0; } .sf-menu, .sf-menu * { list-style: none outside none; margin: 0; padding: 0; z-index: 10; } .sf-menu { line-height: 1; } .sf-menu ul { position: absolute; top: -999em; width: 16em; } .sf-menu ul li, .sf-menu ul li li { font-size: 12px; width: 100%; } .sf-menu ul li:last-child a { border-bottom: medium none; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; line-height: 12px; font-size: 12px; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 33px; z-index: 999; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 15em; top: 0px; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 15em; top: 0; } .sf-menu .sf-with-ul a { min-width: 1px; padding-right: 16px!important; } header#top .sf-menu li ul li.current_page_item:after{ content: '.'; font-size: 32px; position: absolute; top: 6px; right: 20px; color: #000; } header#top .sf-menu li ul li a { font-size: 0.825rem; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; line-height: 16px; color: #252525; transition: none; padding: 14px 0 1px 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-bottom: 1px solid transparent; display: inline-block; letter-spacing: 0.5px; } header#top .sf-menu li ul li a:hover{ color: #000; } header#top .sf-menu li ul li a:after{ position: absolute; width: 0; height: 1px; background: #000; content: ""; bottom: 0; right: 0; transition: all 0.35s; } header#top .sf-menu li ul li a:hover:after{ width: 100%; left: 0; right: auto; } header#top .sf-menu li ul li a > i{ color: #888; margin-right: 5px; } .sf-menu li ul li.sfHover > a .sf-sub-indicator [class^="fa-"] { color: #1e83ec; } .sf-menu li ul li .sf-sub-indicator { right: 14px; left: auto; top: 14px; display: block; position: absolute; } .sf-menu li li ul { left: 16em!important; } .sf-menu { float: right; } .sf-menu a { margin: 0 1px; padding: 0.75em 1em 32px; text-decoration: none; } .sf-menu ul li { font-weight: normal; } .sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a { box-shadow: none; } .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active { border-radius: 0 0 0 0; box-shadow: none; text-shadow: none; } .mejs-overlay-button, .mejs-overlay-loading { display: none!important; } .home-wrap { padding-top: 3em; margin-bottom: 0px; padding-bottom: 0px; position: relative; z-index: 100; background-color: #f8f8f8; } html:not(.js) .home-wrap { padding-top: 0px; } html.no-overflow-y { overflow-y: hidden!important; } #header-outer.transparent header#top nav.vaexu-menu-open > ul > li > a, #header-outer.transparent nav.vaexu-menu-open > ul > li > a > .sf-sub-indicator [class^="fa-"], #header-outer.transparent nav.vaexu-menu-open > ul > li > a > .sf-sub-indicator [class*=" fa-"] { color: white; } @media only screen and (min-width: 1001px) { #header-outer[data-header-transparent="true"].transparent #logo img.dark-version { opacity: 0!important; } #header-outer[data-header-transparent="true"].transparent.dark-slide #logo img { opacity: 0!important; } #header-outer[data-header-transparent="true"].transparent.dark-slide #logo img.dark-version { opacity: 1!important; } } .video-texture { height: 3000px; width: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; z-index: 10; } .active_texture { background-image: url(img/textures/grid.png); } /***************** Vaexu Video BG ******************/ .vaexu_row .vaexu-video-wrap { position: absolute!important; top: 0; left: 0; padding-bottom: 0px!important; overflow: hidden; opacity: 0; z-index: 1; } .video-color-overlay { width: 100%; height: 100%; opacity: 0; position: absolute; -webkit-backface-visibility: hidden; top: 0; left: 0; padding-bottom: 0px; z-index: 3; } .vaexu_row .vaexu-video-wrap .mejs-container .mejs-controls { display: none!important; } .vaexu_row > .span_12 { z-index: 10; margin-bottom: 0px!important; } .vaexu_row > .span_12 > .column_container:last-child { margin-bottom: 0px!important; } /***************** Flexslider ******************/ .flex-gallery .slides > li {display: none; -webkit-backface-visibility: hidden; overflow: hidden;} .flex-gallery .slides img {width: 100%; display: block; height: auto;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flex-gallery {margin: 0; padding: 0; position: relative; zoom: 1; background-color: transparent;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flex-gallery .slides {zoom: 1;} .flex-gallery ul { z-index: 1000; margin: 0px; } .flex-gallery ul.flex-direction-nav { margin: 0 ; } .flex-gallery ul li { list-style: none; } .flex-gallery ul li img { margin-bottom: 0px!important; } .carousel li {margin-right: 0px; margin-left: 0px;} .flex-control-nav { display: none; } .flex-direction-nav a { display: block; line-height: 42px; position: relative; height: 40px; width: 40px; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-radius: 100%; position: absolute; top: 50%; margin-top: -20px; } .flex-direction-nav a i { line-height: 29px; background-color: transparent; font-size: 24px; color: #000; } .flex-direction-nav a.flex-next { right: 10px; } .flex-direction-nav a.flex-prev { left: 10px; } .flex-direction-nav { margin: -32px 0px 0px 0px; } .flex-direction-nav a:hover { background-color: #fff; } /* Audio/Video jPlayer Skin ---------------------------------------------*/ .jp-jplayer { height: 30px; background-color: transparent; width: 100%; } #post-area .jp-jplayer-video { height: auto; } .jp-video-container, .jp-audio-container { border: 1px solid #000; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.5); position: relative; width: 100%; } .jp-jplayer-video img { margin-bottom: 0px!important; width: 100%!important; height: auto!important; display: block; } .jp-jplayer-video { overflow: hidden; } .jp-jplayer-video video { display: block; width: 100.2%!important; } .jp-video-container { margin-bottom: 15px; } .jp-audio-container { width: 100%; } .jp-interface { position: relative; width: 100%; height: 30px; background: transparent url(img/icons/jplayer.png) repeat-x right top; z-index: 100; } .jp-controls { list-style-type: none; padding: 0; margin: 0!important; } .jp-controls li { display: inline; } .jp-controls a { border-bottom: none; position: absolute; overflow: hidden; text-indent: -9999px; } .jp-controls a:hover { background-color: transparent; } a.jp-play, a.jp-pause { width: 27px; height: 27px; z-index: 1; outline: none; top: 0; left: 0; } a.jp-play { background: url(img/icons/jplayer.png) -16px -68px no-repeat; } a.jp-play:hover { background-position: -16px -100px; } a.jp-pause { background: url(img/icons/jplayer.png) -52px -68px no-repeat; display: none; } a.jp-pause:hover { background-position: -52px -100px; } .jp-progress { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; margin: 10px 0; padding: 0 100px 0 37px; position: absolute; height: 10px; width: 100%; } .jp-seek-bar { background: url(img/icons/jplayer.png) 0 -49px repeat-x; width: 0px; height: 9px; cursor: pointer; position: relative; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; } .jp-play-bar { width: 0px; height: 7px; top: 1px; position: relative; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; background-color: #1e83ec; } .jp-volume-bar-container { position: absolute; top: 0; right: 10px; width: 45px; height: 10px; margin: 10px 0; } .jp-volume-bar { position: relative; overflow: hidden; background: url(img/icons/jplayer.png) 0 -49px repeat-x; width: 100%; height: 9px; cursor: pointer; top: 0; } .jp-volume-bar-value { width: 0px; height: 7px; margin: 1px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; background-color: #1e83ec; } a.jp-mute, a.jp-unmute { width: 30px; height: 30px; z-index: 1; outline: none; top: 0; right: 62px; } a.jp-mute { background: transparent url(img/icons/jplayer.png) -95px -69px no-repeat; } a.jp-mute:hover { background-position: -95px -101px; } a.jp-unmute { background: url(img/icons/jplayer.png) -138px -69px no-repeat; } a.jp-unmute:hover { background-position: -138px -101px; } .iframe-embed { position: relative; line-height: 0; } .iframe-embed iframe, iframe { max-width: 100%; } .main-content iframe[src] { opacity: 0; } html:not(.js) .main-content iframe[src], .main-content #sidebar iframe[src] { opacity: 1; } .iframe-embed-standard iframe { width: 100%!important; } body .vaexu_video_widget .vaexu_wrapper .vaexu_video_wrapper { padding-top: 0px; } body .vaexu_video_widget .vaexu_wrapper iframe { height: inherit; position: relative; width: inherit; } .mejs-container .mejs-controls{ width: 80%; left: 10%; bottom: 10%; } /***************** Isotope ******************/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope { -webkit-transition-property: height; -moz-transition-property: height; -ms-transition-property: height; -o-transition-property: height; transition-property: height; } .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; transition-property: transform, opacity; } .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; transition-duration: 0s; } /***************** carouFredSel ******************/ .carousel-heading { z-index: 100; position: relative; margin-bottom: 7px; min-height: 23px; } .carousel-heading h2 { text-transform: uppercase; font-size: 12px; margin-bottom: 7px; } .carousel-wrap[data-full-width="false"] .carousel-heading h2 { font-size: 12px!important; } html:not(.js) .carousel-heading { display: none; } .caroufredsel_wrapper { cursor: grab!important; cursor: -moz-grab!important; cursor: -webkit-grab!important; margin: 0px!important; } .caroufredsel_wrapper.active { cursor: grabbing!important; cursor: -moz-grabbing!important; cursor: -webkit-grabbing!important; } body .carousel-wrap { position: relative; overflow: hidden; margin: 0px -10px 0em -10px; } .full-width-section .carousel-wrap { margin-bottom: 0px!important; } #full_width_custom_category .full-width-section.first-section, #full_width_custom_category .full-width-content.first-section { margin-top: 0px!important; } .carousel-wrap[data-full-width="true"] { padding: 0px 18px; margin-bottom: 0px!important; } .carousel-wrap[data-full-width="true"] .carousel-heading { background-color: #f8f8f8; padding: 43px 0px 40px 0px; margin-bottom: 0px; text-align: center; } body .carousel-wrap[data-full-width="true"] .carousel-heading h2 { font-size: 18px; line-height: 42px; margin: 0 auto; max-width: 900px; } .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link { position: absolute; left: 0px; } .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link, .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-prev, .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-next { top: 8px; } .carousel-wrap[data-full-width="true"] .carousel-heading a { background-color: transparent; } .carousel-wrap[data-full-width="true"] .carousel-heading i { background-color: transparent; color: #888888; font-size: 28px; line-height: 34px; transition: color 0.2s linear 0s; } .carousel-wrap[data-full-width="true"] .carousel-heading i:hover{ color: #1e83ec; } body .carousel-wrap[data-full-width="true"] .carousel-heading .container { min-height: 40px; } body .carousel-wrap[data-full-width="true"] { padding: 0px; } .carousel-wrap .work-item.style-2 { margin-bottom: 0px!important; } .gallery { width: 100%; overflow: hidden; position: relative; margin: 1em 0 2.5em; } .gallery-pictures { list-style-type: none; margin: 0; padding: 0; background: transparent; cursor: -webkit-grab; -webkit-transform: rotateY(0); white-space: nowrap; font-size: 0; } .gallery-picture { width: 720px; margin-right: 100px; display: inline-block; -webkit-transform: rotateY(0); transform: rotateY(0); } .gallery-pagination { margin-top: 30px; text-align: center; font-size: 0; } .gallery-pagination-dot { background: #333; border-radius: 50%; width: 16px; height: 16px; border: none; margin: 0 7px; -webkit-transition: background 0.3s; transition: background 0.3s; } .gallery-pagination-dot-selected { background: #7D87AE; } .portfolio-items .col .work-item.style-3 h3 { margin-bottom: 5px; color: #fff; font-size: 20px; line-height: 24px; padding: 0 60px; } .portfolio-items .col .work-item.style-3 img{ transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .portfolio-items .col .work-item.style-3:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); } .portfolio-items .col .work-item.style-3 a { background: transparent url('img/transparent.png') repeat 0 0; } .portfolio-items .col .work-item.style-3:hover h3, .portfolio-items .work-item.style-3:hover .work-info{ opacity: 1; } .portfolio-items .work-item.style-3 p { display: block; margin-top: 0; opacity: 1; position: relative; font-size: 12px; color: rgba(255,255,255,0.8); line-height: 13px; text-transform: uppercase; } .portfolio-items .col .work-item.style-2 .work-info::before{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; content: ''; opacity: 0; background: #fff; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .portfolio-items .col .work-item.style-2:hover .work-info::before{ opacity: 0.85; top: 12px; right: 12px; bottom: 12px; left: 12px; } .portfolio-items .col .work-item.style-3 .work-info .vert-center { z-index: 20; margin-top: -35px; opacity: 0; transform: scale(.4); -webkit-transform: scale(.4); transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1); -webkit-transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1); } .portfolio-items .col .work-item.style-3:hover .work-info .vert-center{ opacity: 1; transform: scale(1)!important; -webkit-transform: scale(1)!important; } .portfolio-items .col .work-item.style-3 .work-info::before{ border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; -webkit-transform: scale(0,1); transform: scale(0,1); } .portfolio-items .col .work-item.style-3 .work-info::after{ border-right-width: 2px; border-left-width: 2px; border-right-style: solid; border-left-style: solid; -webkit-transform: scale(1,0); transform: scale(1,0); } .portfolio-items .col .work-item.style-3:hover .work-info::before, .portfolio-items .col .work-item.style-3:hover .work-info::after{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .portfolio-items .col .work-item.style-3 .work-info::before, .portfolio-items .col .work-item.style-3 .work-info::after{ position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.75s, -webkit-transform 0.35s; transition: opacity 0.75s, transform 0.35s; border-color:white; } .portfolio-items .work-item.style-3, .portfolio-items .work-item.style-4 { overflow: hidden!important; } .portfolio-items .fullwidth-portfolio-item .work-item.style-3, .portfolio-items .fullwidth-portfolio-item .work-item.style-4 { width: 100.6% !important; } .portfolio-items .fullwidth-portfolio-item .work-item.style-3 img, .portfolio-items .fullwidth-portfolio-item .work-item.style-4 img { width: 100.6% !important; } .portfolio-items .work-item.style-3 img, .portfolio-items .work-item.style-4 img { position: relative; } .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a { cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; margin: 0px; } .portfolio-items .col .work-item.style-2, .portfolio-items .col .work-item.style-3, .portfolio-items .col .work-item.style-4 { margin-bottom: 0px; } .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a, .portfolio-items .col .work-item.style-2 .work-info a, .portfolio-items .col .work-item.style-3 .work-info a, .portfolio-items .col .work-item.style-4 .work-info a { display: block; margin: 0px; background-color: transparent; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 40; } .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item .work-info a.active { cursor: grabbing!important; cursor: -moz-grabbing!important; cursor: -webkit-grabbing!important; } .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item h3, .portfolio-items .col .work-item.style-2 h3 { margin-bottom: 0px; } .carousel-wrap .carousel-heading { padding: 0px; } html:not(.js) .carousel-wrap { display: none; } .carousel-wrap span.left-border, .carousel-wrap span.right-border { width: 10px; display: block; height: 100%; position: absolute; top: 0px; z-index: 100; background-color: #f8f8f8; } .carousel-wrap span.left-border { left: 0px; } .carousel-wrap span.right-border { right: 0px; } .carousel-next, .carousel-prev { background-color: transparent; height: 23px; width: 23px; border: 2px solid #f1f1f1; line-height: 22px; cursor: pointer; display: block; margin-left: 5px; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; background-repeat: no-repeat; position: absolute; top: 0px; border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; -moz-border-radius: 1px; text-align: center; } .carousel-wrap[data-full-width="true"] .carousel-next, .carousel-wrap[data-full-width="true"] .carousel-prev { height: 28px; width: 44px; border: none; } .carousel-wrap[data-full-width="true"] .carousel-next { text-align: right; } .carousel-wrap[data-full-width="true"] .carousel-prev { text-align: left; } .carousel-next { right: 0px; padding-left: 1px; } .carousel-prev { right: 25px; padding-right: 1px; } .carousel-next i, .carousel-prev i { background-color: transparent; color: #666; font-size: 16px; line-height: 19px; height: 20px; } .carousel-prev:hover, .carousel-next:hover { background-color: #1e83ec; border-color: transparent; } .recent-work-carousel .carousel-heading a:hover i{ color: #fff; } .carousel { opacity: 0; } .carousel-wrap[data-full-width="true"] li.span_4.no-margin { margin: 0px!important; } .carousel-wrap[data-full-width="true"] { padding: 0px 0px 0px 0px!important; } .carousel-wrap[data-full-width="true"].default-style { padding: 0px 20px!important; } body .carousel li.span_4, body .portfolio-items.carousel li.span_4 { margin: 0px 10px 0px 10px; } .carousel-wrap[data-full-width="true"].default-style li.span_4 { margin: 0px 15px 0px 15px; } .carousel li.span_4 .clear { padding-bottom: 0px; margin-bottom: 0px; } .post-header > div.date{ font-size: 12px; text-transform: uppercase; display: inline-block; } .home .blog-recent .span_3 .post-header { color: #999; font-size: 11px; margin-bottom: 12px; } .home .blog-recent .span_3 .post-header h3 a { color: #1e83ec; } .mejs-container{ margin-bottom: 15px; } .blog-recent .mejs-container { margin-bottom: 15px; } .home .blog-recent .span_3 .post-header h3, .blog-recent .span_3 .post-header h3 { margin-bottom: 3px; letter-spacing: -0.2px; font-size: 16px; line-height: 23px; } .home .blog-recent .span_3 .post-header a, .home .blog-recent .span_3 .post-header h3 a:hover { color: inherit!important; } .home .blog-recent .span_3 .post-header a:hover { color: #1e83ec; } .blog-recent .span_3 .video-wrap { position: relative; padding-bottom: 54.25%; padding-top: 5px; height: 0; margin-bottom: 15px; } .blog-recent .span_3 .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blog-recent div:last-of-type { margin-right: 0; } .video-wrap iframe { opacity: 0; visibility: hidden; } .blog-recent .span_3 .audio-wrap { margin-bottom: 15px; } .span_9 .carousel-heading { padding-right: 10px; } .dark-bg{ background: #000; } /***************** Prettyphoto ******************/ div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000!important;left:0;position:fixed;top:0;width:100%;z-index:95000!important; opacity: 0; transition: opacity 0.32s linear;} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:100000!important; -webkit-backface-visibility: hidden; line-height: 22px;} .pp_content{min-width:40px; height:auto!important; } * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%; } .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin: 0px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:-25px 4px 14px 13px!important;} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px; padding: 0px!important;} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;height:55px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:49px; text-align: center;} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000; display: none!important;} .pp_gallery{display:none;left:50%;bottom:15px;position:absolute;z-index:100000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{display:none;float:left;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px #ddd solid;display:block;float:left;overflow:hidden} .pp_gallery ul a img{border:0;display: block;} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} .ppt { left: 20px; position: relative; opacity: 0!important; } .pp_loaderIcon{background-color: transparent; display:none;height:100%; width:100%;left:0;top:0; position:fixed; z-index:98000;} div.dark_rounded iframe { overflow-y: hidden;} a.pp_close{ position: absolute; z-index: 1000001; right: 10px; top: 0px; font-size: 12px; height: 24px; width: 24px; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; } body a.pp_close .fa-default-style[class^="fa-"] { backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 20px !important; height: 16px !important; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; color: #ddd!important; font-size: 14px !important; max-width: none !important; line-height: 16px !important; } body a.pp_close:hover .fa-default-style[class^="fa-"] { color: rgba(255, 255, 255, 1)!important; transform: rotate(90deg); -webkit-transform: rotate(90deg);} #pp_full_res{line-height:1!important} #pp_full_res:before{ background-color: rgba(0,0,0,0.24); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0); height: 125px; background-color: transparent; } #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{ display: none;} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#fff} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} .pp_fade { position: relative; z-index: 100000;} .pp_left, .pp_right { height: 100%; } .pp_inline iframe { width: 100%; } a.pp_arrow_previous { position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; z-index: 100000; text-indent: 0!important; left: 25px; top: 50%; z-index: 1000001; margin-top: -10px; } a.pp_arrow_next { position: fixed; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); text-indent: 0!important; top: 50%; margin-top: -20px; z-index: 1000001; right: 25px; } body a.pp_arrow_next i.fa-default-style[class^="fa-"], body a.pp_arrow_previous i.fa-default-style[class^="fa-"] { color: #ddd!important; text-shadow: 0px 1px 2px rgba(0,0,0,0.4); margin-top: 20px; transition: all 0.5s cubic-bezier(0.3, 1.65, 0.3, 0.95) 0s; -webkit-transition: all 0.5s cubic-bezier(0.3, 1.65, 0.3, 0.95) 0s; } body a.pp_arrow_next:hover i.fa-default-style[class^="fa-"], body a.pp_arrow_previous:hover i.fa-default-style[class^="fa-"] { color: #fff!important; } /*-------------------------------------------------------------------------*/ /* 5. Page + Custom Page Layout Styles /*-------------------------------------------------------------------------*/ #page-header-wrap { overflow: hidden; position: relative; background-color: #f8f8f8; transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -o-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); z-index: 10; width: 100%; } #page-header-bg { width: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; height: 560px; overflow: hidden; transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -o-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); color: #fff; display: block!important; } .page-header-no-bg { padding-bottom: 0px; padding-top: 80px; background-color: #f8f8f8; z-index: 999; } #page-header-bg[data-alignment="center"], .page-header-no-bg[data-alignment="center"] { text-align: center; } #page-header-bg[data-alignment="center"] .col.span_6, .page-header-no-bg[data-alignment="center"] .col.span_6{ width: 100%; padding: 0; } #page-header-bg[data-alignment="center"] .subheader, .page-header-no-bg[data-alignment="center"] .subheader{ padding: 0px; } #page-header-bg[data-alignment="right"], .page-header-no-bg[data-alignment="right"] { text-align: right; } #page-header-bg[data-alignment="right"] .col.span_6, .page-header-no-bg[data-alignment="right"] .col.span_6{ float: right; } #page-header-bg[data-alignment="right"] .subheader, .page-header-no-bg[data-alignment="right"] .subheader{ padding: 0 0 0 160px; } body[data-bg-header="true"].archive .container-wrap, body[data-bg-header="true"].category .container-wrap, body[data-bg-header="true"].blog .container-wrap { padding-top: 3.1em; } #page-header-bg .row { visibility: hidden; z-index: 100; position: relative; } html:not(.js) #page-header-bg .row { visibility: visible; } html:not(.js) #page-header-bg .span_6 { margin-top: 120px; } #page-header-bg h1 { font-size: 60px; line-height: 64px; margin-bottom: 15px; display: block; color: #fff; z-index: 101; text-transform: uppercase; } .single #page-header-bg #single-below-header span { color: rgba(255,255,255,0.8); } .page-header-dark #page-header-bg h1, .page-header-dark #page-header-bg .subheader { color: #141414; } #page-header-bg span, #page-header-bg a.pinterest-share i, #page-header-bg a.facebook-share i, #page-header-bg a.linkedin-share i, #page-header-bg .twitter-share i, #page-header-bg .google-plus-share i, #page-header-bg .fa-stark-heart, #page-header-bg .fa-stark-heart-2 { color: #fff; } .single #page-header-bg #single-below-header > span, .single #page-header-bg #single-meta ul li, #page-header-bg .vaexu-social > *{ border-color: rgba(255,255,255,0.25); } #page-header-bg .subheader { color: #fff; font-family: 'OpenSansLight'; padding-right: 160px; margin-bottom: 35px; margin-top: 15px; font-size: 25px; line-height: 30px; } #page-header-bg[data-text-alignment="center"], .page-header-no-bg[data-text-alignment="center"] { text-align: center; } #page-header-bg[data-text-alignment="right"], .page-header-no-bg[data-text-alignment="right"] { text-align: right; } #page-header-bg[data-text-alignment="center"] .span_6, .page-header-no-bg[data-text-alignment="center"] .span_6 { left: 0px; width: 100%!important; } #page-header-bg[data-text-alignment="center"] h1 { margin-bottom: 12px; } #page-header-bg[data-text-alignment="center"] h1, .page-header-bg[data-text-alignment="center"] .subheader { max-width: 900px; margin: 0 auto; display: block; } /* fullscreen header */ #page-header-bg.fullscreen-header, #page-header-wrap.fullscreen-header { width: 100%; position: relative; transition: none; -webkit-transition: none; z-index: 10; display: inline-block; } html .single-post #page-header-bg.fullscreen-header, html .single-post #page-header-wrap.fullscreen-header { height: 1250px; } #page-header-wrap.fullscreen-header { background-color:#2b2b2b; } #page-header-bg.fullscreen-header .span_6 { opacity: 1; } #page-header-bg.fullscreen-header h1 { font-size: 5.5vw; line-height: 5.9vw; } .single-post #single-below-header.fullscreen-header { position: relative; z-index: 10; margin-top: 0; border-bottom: none!important; padding:20px 0; } .single-post #single-below-header.fullscreen-header > span { text-align: center; display: block; float: left; transition: color 0.2s linear; -webkit-transition: color 0.2s linear; font-size: 14px; position: relative; height: 95px; overflow: hidden; line-height: 95px; } .single-post #single-below-header.fullscreen-header .fa-default-style { font-size: 18px; position: relative; top: -1px; margin-right: 8px; display: inline; } .single-post #single-below-header.fullscreen-header > span span { float: none; display: inline; color: #afaf; font-size: 14px; } .single-post #single-below-header.fullscreen-header .meta-share-count > a span.plural, .single-post #single-below-header.fullscreen-header .meta-share-count > a span.singular { opacity: 0; } .single-post #single-below-header.fullscreen-header .meta-share-count > a span.singular { position: absolute; } .single.single-post .fullscreen-header .blog-title { text-align: center; width: 100%; } .single.single-post .fullscreen-header .blog-title h1 { max-width: none; } .single-post #single-below-header.fullscreen-header .vaexu-social { position: absolute; width: 100%; top: 0; } .single-post #single-below-header.fullscreen-header .vaexu-social.hide-share-count > * { border: none; padding: 0 5px; opacity: 0; top: 10px; } .default-blog-title.fullscreen-header { background-color: #333; } body.single-post[data-bg-header="true"] .container-wrap { padding-top: 70px; margin-top: 0px; } .single-post #page-header-bg.vaexu-page-header.bottom-shadow:before { background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top , rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%); bottom: 0; content: " "; display: block; height: 351px; left: 0; position: absolute; transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s; width: 100%; } .single-post #page-header-bg.vaexu-page-header.bg-overlay:after { content: " "; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s; width: 100%; background: linear-gradient(to top,#ffffff 0%,rgba(255,255,255,0.001) 75%) } .default-blog-title.vaexu-page-header { position: relative; } #page-header-bg.vaexu-page-header .avatar { border-radius: 100%; } #page-header-bg.vaexu-page-header .meta-author span { display: block; } #page-header-bg.vaexu-page-header .meta-author img { margin-bottom: 0px; height: 50px; width: auto; } #page-header-bg.vaexu-page-header .meta-author { font-size: 18px; } #page-header-bg.vaexu-page-header .author-section { z-index: 10; text-align: center; position: absolute; bottom: 32px; left: 40px; background: rgba(0, 0, 0, 0.4); border: 2px solid rgba(66,66,66,0); line-height: 0; border-radius: 100px; height: 54px; width: auto; box-shadow: 0 0 0 1px rgba(255,255,255,0.1); fill: rgba(255,255,255,.85); color: rgba(255,255,255,.85); text-decoration: none; -webkit-transition: .35s cubic-bezier(.6,0,.4,1); -moz-transition: .35s cubic-bezier(.6,0,.4,1); -o-transition: .35s cubic-bezier(.6,0,.4,1); transition: .35s cubic-bezier(.6,0,.4,1); overflow: hidden; cursor: pointer; -webkit-animation: show-up-promote .5s 1.5s cubic-bezier(.17,1.34,.66,1) backwards; -moz-animation: show-up-promote .5s 1.5s cubic-bezier(.17,1.34,.66,1) backwards; -o-animation: show-up-promote .5s 1.5s cubic-bezier(.17,1.34,.66,1) backwards; animation: show-up-promote .5s 1.5s cubic-bezier(.17,1.34,.66,1) backwards; -webkit-transform: translate3d(0,0,0); } #page-header-bg.vaexu-page-header .author-section .meta-date { font-size: 12px; color: rgba(255,255,255,0.8); } #page-header-bg.vaexu-page-header .author-section .meta-date i { font-size: 12px; } #page-header-bg.vaexu-page-header .author-section a { color: #fff; display: block; margin-bottom: -2px; text-transform: uppercase; font-weight: 700; } #page-header-bg.vaexu-page-header .author-section a:hover { color: rgba(255,255,255,0.85); } #page-header-bg.vaexu-page-header .author-section .avatar-post-info, #page-header-bg.vaexu-page-header .author-section .meta-author { text-align: left; display: inline-block; top: 9px; } #page-header-bg.vaexu-page-header .author-section span { padding-left: 0; line-height: 20px; font-size: 14px; display: block; float: left; } #page-header-bg.vaexu-page-header .author-section .avatar-post-info { width: 0px; -webkit-transition: .35s cubic-bezier(.6,0,.4,1); -moz-transition: .35s cubic-bezier(.6,0,.4,1); -o-transition: .35s cubic-bezier(.6,0,.4,1); transition: .35s cubic-bezier(.6,0,.4,1); opacity: 0; padding: 6px 0; } #page-header-bg.vaexu-page-header .author-section:hover .avatar-post-info{ -webkit-transition-duration: .55s; -moz-transition-duration: .55s; -o-transition-duration: .55s; transition-duration: .55s; width: 110px; opacity: 1; margin: 0 16px; } #page-header-bg.vaexu-page-header .author-section .avatar-post-info > span{ width: 100%; } .section-down-arrow { position: absolute; bottom: 15px; left: 50%; margin-left: -30px; } .section-down-arrow i.fa-default-style[class^="fa-"] { height: 60px; width: 60px; font-size: 32px; color: #fff; line-height: 60px; z-index: 10; animation: 3.4s ease-in-out infinite fadebottom; -webkit-animation: 3.4s ease-in-out infinite fadebottom; } .blog_next_prev_buttons img { position: absolute; left: 0; top: -50%; width: 100%; opacity: 0; max-width: none!important; } .blog_next_prev_buttons .inner { position: absolute; left: 0; top: 0; width: 100%; text-align: center; opacity: 0; } .blog_next_prev_buttons .inner .np-icon{ width: 128px; height: 128px; line-height: 128px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -105px 0 0 -64px; font-size: 128px; -webkit-transition: all 0.47s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.47s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.47s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.47s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.47s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .blog_next_prev_buttons .inner .np-icon i{ background: none; width: 128px; height: 128px; line-height: 128px; font-size: 128px; color: rgba(255,255,255, .5); } .np-line-1{ margin-bottom: 4px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 9px; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .np-line-2{ font-size: 24px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #eaeaea; -webkit-transition: all 0.37s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.37s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 037s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.37s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.37s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .blog_next_prev_buttons:hover .np-icon{ margin-top: -70px; color: rgba(255,255,255, .1); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .blog_next_prev_buttons:hover .np-line-1, .blog_next_prev_buttons:hover .np-line-2{ opacity: 0; -webkit-transform: translateY(50px) scale(.5); -moz-transform: translateY(50px) scale(.5); -o-transform: translateY(50px) scale(.5) ; -ms-transform: translateY(50px) scale(.5); transform: translateY(50px) scale(.5); } .blog_next_prev_buttons:hover .np-line-1{ -webkit-transition: all 0.37s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.37s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 037s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.37s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.37s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .blog_next_prev_buttons:hover .np-line-2{ -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .blog_next_prev_buttons { text-align: center; overflow: hidden; position: relative; background-color: #333; } .blog_next_prev_buttons span.full-link a, .blog_next_prev_buttons span.full-link, .blog_next_prev_buttons span.bg-overlay { display: block; position: absolute; text-indent: -9999px; top: 0; z-index: 10; margin-bottom: 0!important; left: 0; width: 100%; height: 100%; } .blog_next_prev_buttons span.bg-overlay { background-color: #282b30; z-index: 2; opacity: 0.3; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .blog_next_prev_buttons:hover span.bg-overlay { opacity: 0.1; } .blog_next_prev_buttons.bg-color-only span.bg-overlay { opacity: 0; } .blog_next_prev_buttons.bg-color-only:hover span.bg-overlay { opacity: 0.08; } .blog_next_prev_buttons span { display: block; color: #fff; margin-bottom: 5px; } .blog_next_prev_buttons .col { height: 360px; } .blog_next_prev_buttons .col h3 { transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; padding: 0 15%; color: #fff; margin: 0; font-size: 38px; line-height: 44px; } /* to top */ #to-top { display: block; position: fixed; text-align: center; line-height: 14px; right: 24px; bottom: -50px; color: #fff; cursor: pointer; z-index: 10000; height: 40px; width: 40px; background-repeat: no-repeat; background-position: center; transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; } #to-top i { line-height: 40px; width: 40px; height: 40px; font-size: 18px; top: 0px; left: 0px; text-align: center; background-color: transparent; } #to-top.dark { background-color: rgba(0,0,0,0.87); } #to-top:hover{ margin-top: -5px; } .vaexu-post-content article.post .content-inner .gallery a img { width: 100%; max-width: 100%; height: auto; max-height: 100%; padding: 5px; background-color: #fff; border: 0px solid #e5e5e5!important; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; margin:0px; } .vaexu-post-content article.post .content-inner > div.gallery{ padding-bottom: 30px; } /***************** Vaexu Card ******************/ .vaexu-card{ margin: 0 auto; display: inline-block; text-align: left; width:100%; } .vaexu-card .resume_des h2.h2-name{ font-size: 28px; line-height: 36px; } .flip-card{ position: relative; -webkit-perspective: 1000; -moz-perspective: 1000px; perspective: 1000px; height: 100%; } .flip-card-front{ opacity: 1; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); -webkit-transition: all .6s cubic-bezier(.25,.1,.11,1.33); -moz-transition: all .6s cubic-bezier(.25,.1,.11,1.33); transition: all .6s cubic-bezier(.25,.1,.11,1.33); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: transparent solid 1px; height: 100%; } .flip-card-front .inner{ text-align: center; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px #e6e6e6; -moz-box-shadow: 0px 0px 5px 0px #e6e6e6; box-shadow: 0px 0px 5px 0px #e6e6e6; height: 100%; } .flip-card-front .inner .number{ font-size: 180px; color: #d4145a; font-weight: 200; line-height: 200px; margin-bottom: 18px; } .flip-card-back{ position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transition: -webkit-transform .6s cubic-bezier(.25,.1,.11,1.33),opacity .35s; transition: transform .6s cubic-bezier(.25,.1,.11,1.33),opacity .35s; background-color: #d4145a; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card.active .flip-card-front{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); opacity: 0; } .flip-card.active .flip-card-back{ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); opacity: 1; } /***************** Social Sharing ******************/ a.pinterest-share i, a.facebook-share i, .twitter-share i, .google-plus-share i, [class^="fa-"].fa-stark-heart, [class^="fa-"].fa-stark-heart-2, .linkedin-share i { background-color: transparent; border-radius: 0px; font-weight: normal; font-size: 20px; height: 20px; width: auto; line-height: 19px; color: #ddd; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .fa-stark-heart, .fa-stark-heart-2 { font-size: 19px!important; } .heart-wrap { display: inline-block; line-height: 0; position: relative; } .vaexu-sharing i, .vaexu-sharing-alt i { padding-right: 4px; } a.facebook-share i { padding-right: 3px; } a.twitter-share i { margin-top: 2px; padding-right: 2px; font-size: 24px; } a.google-plus-share i { padding-right: 2px!important; } a.twitter-share { padding-right: 8px; } a.facebook-share { padding-right: 10px; } a.facebook-share { padding-right: 10px; } a.pinterest-share { padding-right: 7px; } a.pinterest-share i { font-size: 24px; } .n-shortcode { display: inline!important; font-size: 12px!important; height: auto!important; } .vaexu-social > *:last-child { padding-right: 0px!important; } .vaexu-social.hide-share-count span.count { width: 1px!important; visibility: hidden; } .vaexu-social.hide-share-count a i { padding-right: 0!important; } .vaexu-social.hide-share-count > * { padding: 0 10px !important; } body.single-portfolio #sidebar #project-meta ul li:first-child, body.single #single-meta ul li:first-child, body.single-portfolio #sidebar div ul .facebook-share, body.single-portfolio #sidebar div ul .twitter-share , body.single-portfolio #sidebar div ul .pinterest-share,body.single-post .blog-title #single-meta ul .facebook-share, body.single-post .blog-title #single-meta ul .twitter-share , body.single-post .blog-title #single-meta ul .pinterest-share, body.single-product #single-meta ul .facebook-share, body.single-product #single-meta ul .twitter-share, body.single-product #single-meta ul .pinterest-share { margin-top: 2px; margin: 0px 16px 0px 0px; padding: 0px 0px 0px 0px!important; display: block; border-right: 1px solid #DDDDDD; } .single-portfolio .facebook-share a, .single-portfolio .twitter-share a, .single-portfolio .pinterest-share a, .single-post .facebook-share a, .single-post .twitter-share a, .single-post .pinterest-share a, body.single-product .facebook-share a, body.single-product .twitter-share a, body.single-product .pinterest-share a, a.pinterest-share, .facebook-share, .twitter-share, .google-plus-share, .linkedin-share { color: inherit; height: 20px; transition: width 0.2s linear; background-repeat: no-repeat; position: relative; } .single-portfolio .facebook-share span, .single-portfolio .twitter-share span, .single-portfolio .pinterest-share span, .single-portfolio .google-plus-share span, .single-portfolio .linkedin-share span, .single-post .col.section-title .facebook-share span, .single-post .col.section-title .twitter-share span, .single-post .col.section-title .pinterest-share span, .single-post .col.section-title .google-plus-share span, .single-post .col.section-title .linkedin-share span, .pinterest-share span, .facebook-share span, .twitter-share span, .google-plus-share span, .linkedin-share span { display: inline-block; opacity: 0; top: auto; line-height: 16px; padding-left: 0px; font-size: 12px; height: 13px; line-height: 16px; } /*full width social*/ .vaexu-social.full-width > * { text-align: center; display: block!important; float: left; transition: color 0.2s linear!important; -webkit-transition: color 0.2s linear!important; position: relative; } .span_12.light .vaexu-social.full-width > * { border-color: rgba(255,255,255,0.1); } .span_12.dark .vaexu-social.full-width > * { border-color: rgba(0,0,0,0.07); } .vaexu-social.full-width i { margin-top: -20px;} .vaexu-social.full-width.items_6 > * { width: 16.6%!important; padding: 2%!important; } .full-width-content .vaexu-social.full-width.items_6 > * { padding: 4%!important; } .vaexu-social.full-width.items_6 i { font-size: 26px!important; } .vaexu-social.full-width.items_6 a > span { position: relative; margin-left: 3px; top: -10px; } .full-width-content .vaexu-social.full-width.items_6 > * { padding: 5%!important; } .full-width-content .vaexu-social.full-width.items_6 i { font-size: 40px!important;} .full-width-content .vaexu-social.full-width.items_6 a span { margin-left: 5px; } .vaexu-social.full-width.items_5 > * { width: 20%!important; padding: 3%!important; } .full-width-content .vaexu-social.full-width.items_5 > * { padding: 5%!important; } .vaexu-social.full-width.items_5 i { font-size: 36px!important; } .vaexu-social.full-width.items_5 a > span { position: relative; margin-left: 5px; top: -10px; } .vaexu-social.full-width.items_4 > * { width: 25%!important; padding: 5%!important; } .vaexu-social.full-width.items_4 i { font-size: 45px!important; } .vaexu-social.full-width.items_4 a > span { position: relative; margin-left: 5px; top: -10px; } .vaexu-social.full-width.items_3 > * { width: 33.3%!important; padding: 5%!important; } .vaexu-social.full-width.items_3 i { font-size: 50px!important; } .vaexu-social.full-width.items_3 a > span { position: relative; margin-left: 5px; top: -10px; } .vaexu-social.full-width.items_2 > * { width: 50%!important; padding: 5%!important; } .vaexu-social.full-width.items_2 i { font-size: 60px!important; } .vaexu-social.full-width.items_2 a > span { position: relative; margin-left: 5px; top: -10px; } .vaexu-social.full-width.items_1 > * { width: 100%!important; padding: 5%!important; } .vaexu-social.full-width.items_1 i { font-size: 80px!important; } .vaexu-social.full-width.items_1 a > span { position: relative; margin-left: 5px; top: -10px; } .vaexu-social.full-width:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .facebook-share:hover i, .facebook-share.hovered i { color: #5c80ca; } .twitter-share:hover i, .twitter-share.hovered i { color: #08c7ff; } .pinterest-share:hover i, .pinterest-share.hovered i { color: #dc2329; } .google-plus-share:hover i, .google-plus-share.hovered i { color :#de4b39; } .linkedin-share:hover i, .linkedin-share.hovered i { color :#409ecd; } .single-product #single-meta { top: 10px; } .single-portfolio #project-meta .sharing li:last-child, body.single-post .blog-title #single-meta ul li:last-child, body.single-product #single-meta ul li:last-child { margin-right: 0px!important; padding-right: 0px!important; border-right: 0px!important; } .single-portfolio .row .col.section-title h1 { margin-bottom: 0!important; text-transform: uppercase; font-size: 34px; letter-spacing: .15em; top: 0; text-align: center; color: #000; border:3px solid #000; width: auto; display:inline-block; margin: 0 auto; padding: 8px 20px; line-height: 34px; } .single-portfolio #full_width_custom_category .span_12 { padding-right: 0px; margin-top: 0px; text-align: left; } .single-portfolio .section-title .portfolio-excerpt{ font-size: 16px; text-transform: uppercase; text-align: center; padding-top: 16px; line-height: 26px; } #page-header-bg .v_custom_category_item_title { padding-top: 0!important; margin: 0!important; background-color: transparent; } .v_custom_category_item_title .hidden-title { opacity: 0; } .v_custom_category_item_title { padding-bottom: 0px; z-index: 12; display: inline-block; width: 100%; } .v_custom_category_item_title .section-title h1{ margin-bottom: 0px; font-size: 36px; text-align: left; } .v_custom_category_overlay{ position: relative; top: 50%; z-index: 9; text-align: center; color: #fff; margin: 0 auto; } .row .col .v_custom_category_overlay > h1{ font-size: 36px; } .row .col .v_custom_category_overlay > h3.portfolio-project-excerpt{ font-size: 30px; line-height: 80px; margin-bottom: 0px; color: white; font-family: 'OpenSansRegular'; text-align: left; position: absolute; width: 100%; } #page-header-bg .section-title, .single .row .section-title { border-bottom: none; } .single .heading-title { padding-bottom: 35px; border-bottom: 1px solid #DDDDDD; margin-bottom: 35px;} #page-header-bg .v_custom_category_item_title .container, #page-header-bg .heading-title { border: none!important; padding: 0!important; } .single .row .section-title { padding: 0; margin: 0; } #page-header-bg .section-title { padding-bottom: 0; margin-bottom: 0; } .project-additional.clear { clear: both; display: block; } .project-additional.clear li { float: none; } .single-portfolio #project-meta .clear { padding-bottom: 0px; } .single-portfolio #project-meta .sharing li a > span.count { opacity: 0; } /* vaexu custom category styles */ .v_custom_category.container{ margin-bottom: 72px; max-width: 1120px; } .v_custom_category > h1{ font-size: 36px; margin-bottom: 12px; } .v_custom_category_post_top{ display: block; position: relative; width: 100%; min-height: 480px; padding: 210px 36px; text-align: center; } .v_custom_category_post_top > .v_custom_category_featured{ max-width: 100%; } .v_custom_category_post_top #prev-link, .v_custom_category_post_top #next-link, .v_custom_category_post_top .v_custom_category_featured { display: inline-block; position: relative; z-index: 9; margin: 0 auto; } .v_custom_category_post_top #prev-link, .v_custom_category_post_top #next-link{ background-size: cover; opacity: 0.2; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; } .v_custom_category_post_top #prev-link:hover, .v_custom_category_post_top #next-link:hover{ opacity: 1; } .v_custom_category_post_top #prev-link > a, .v_custom_category_post_top #next-link > a{ position: absolute; width: 100%; height: 100%; padding: 20px 50px; } .v_custom_category_post_top #prev-link > a > span, .v_custom_category_post_top #next-link > a > span{ position: absolute; bottom: 90px; } .v_custom_category_post_top #prev-link > a > h2, .v_custom_category_post_top #next-link > a > h2{ position: absolute; bottom: 50px; } .v_custom_category_featured img{ width: 100%; height: auto; } .v-custom-category-post-header-bg{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .v-custom-category-post-header-bg .left-bg{ width: 50%; height: 100%; background: #dde7ef; display: inline-block; float: left; } .v-custom-category-post-header-bg .right-bg { width: 50%; height: 100%; background: #e9eff4; display: inline-block; float: left; } .portfolio-featured-img{ height: 600px; background-size: cover; background-position: 50% 50%; } .portfolio-info { display: inline-block; background: #e9eff4; padding: 50px 40px 60px 80px; position: absolute; top: 120px; right: 20px; height: 360px; width: 30%; z-index: 1; text-align: left; } .portfolio-info:before{ content: ''; width: 100%; top: -20px; right: -20px; position: absolute; display: inline-block; background: #fff; height: 360px; z-index: -1; } .portfolio-info > ul > li > span{ width: 100%; display: block; font-size: 10px; } .portfolio-info > ul > li{ width: 100%; display: block; font-size: 18px; margin-bottom: 32px; } /***************** Portfolio ******************/ .portfolio-items .work-info { opacity: 0; filter: alpha(opacity=0); position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out; z-index: 100; } .portfolio-items .default-style .work-info{ color: #fff; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-items .default-style .work-info .vert-center{ transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 0; } .portfolio-items .default-style .work-info:hover .vert-center{ opacity: 1; transform: scale(1,1); -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari and Chrome */ } .portfolio-items .col { height: 100%; } html .single-post #single-meta { top: 50%; margin-top: -13px; float: none; z-index: 102; position: absolute; } .single #page-header-bg #single-meta { margin-top: -8px; } .v_custom_category_item_title .controls #prev-link { float: left; } #portfolio-filters { position: relative; margin-top: 30px; } #portfolio-filters ul { margin: 0px; } .portfolio-filter-clear { padding: 0!important; margin: 0px!important; } #portfolio-filters { height: auto!important; width: 200px; float: right; display: block!important; margin-bottom: 33px; background-color: #1e83ec; } #portfolio-filters li, #portfolio-filters-inline li { list-style: none!important; } #portfolio-filters li li a { padding-left: 25px; } #portfolio-filters-inline .container ul li a.active{ background: #000; color: white; border: 1px solid #000; } #portfolio-filters > ul { display: none; width: 100%; position: absolute; z-index: 100; } #portfolio-filters ul li a { color: rgba(255, 255, 255, 0.7) !important; } #portfolio-filters a { display: block; font-size: 12px; line-height: 22px; padding: 9px 15px 10px 15px; color: #fff; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; background-color: #1e83ec; border-top: 1px dotted rgba(255, 255, 255, 0.3); } body #portfolio-filters-inline { margin-top: 0px; z-index: 100; height: auto; padding-top: 40px; padding-bottom: 28px; margin-bottom: 0px; -webkit-backface-visibility: hidden; } body #portfolio-filters-inline .container{ padding: 0px; } body #portfolio-filters-inline.nder-page-header.first-section { padding-top: 19px; } #portfolio-filters-inline.non-fw { padding-top: 33px!important; padding-bottom: 33px!important; background-color: transparent!important; } body #portfolio-filters-inline.nder-page-header.first-section.non-fw { padding-top: 33px!important; } #portfolio-filters-inline .clear { padding: 0px; } #portfolio-filters-inline ul li, #portfolio-filters-inline ul ul { display: inline; } #portfolio-filters-inline ul { line-height: 22px; } #portfolio-filters-inline ul { margin: 0px!important; text-align: center; } #portfolio-filters-inline ul ul { margin-left: 0px!important; } #portfolio-filters-inline .container > ul a, #portfolio-filters-inline .container > ul li#sort-label { padding: 8px 10px; margin: 6px 5px; font-size: 10px; line-height: 12px; display: inline-block; text-transform: uppercase; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } #portfolio-filters-inline .container > ul li#sort-label { border: none!important; padding-right: 20px; } #portfolio-filters-inline .container > ul li#sort-label { color: #eee; } #portfolio-filters-inline ul li a { color: #141414; border: 1px solid #ddd; font-weight: 700; } #portfolio-filters-inline ul li a:hover { color: #fff; border: 1px solid #141414; background: #141414; } #portfolio-filters-inline.non-fw ul li a:hover { color: #fff; } #sort-portfolio { position: relative; border-top: 0px; } #sort-portfolio span { display: block; font-size: 12px; line-height: 21px; padding-left: 0px; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; } #sort-portfolio i { font-size: 12px; position: absolute; right: 5px; top: 13px; height: 14px; line-height: 14px; background-color: transparent; } #portfolio-filters #sort-portfolio { background-color: #1e83ec; padding-right: 40px; min-width: 160px; border-radius: 2px; } #portfolio-filters a:hover { color: rgba(255, 255, 255, 1) !important; } #portfolio-filters:hover #sort-portfolio { color: rgba(255, 255, 255, 1) !important; border-radius: 2px 2px 0px 0px; } #portfolio { margin: 0px; } .portfolio-items.carousel .col { background-color: transparent; } html:not(.js) .portfolio-items .col.span_3 img, html:not(.js) .portfolio-items .col img { opacity: 1!important; } .portfolio-items .col .work-item, .portfolio-items .col .work-meta, { opacity: 0; } .carousel.portfolio-items .col img, .carousel.portfolio-items .col .work-meta, .carousel.portfolio-items .work-item { opacity: 1; } body .portfolio-items .col { height: auto; } .portfolio-items .col.span_4 { width: 33.33%; margin: 0px; padding: 0 1%; margin-bottom: 2%; } .portfolio-items .col.span_3 .work-item .work-info a { padding: 6px 11px; font-size: 12px; margin: 3px; } .portfolio-items .col.span_3 .work-meta h4 { font-size: 16px; line-height: 16px; letter-spacing: -1px; } .portfolio-items .col.span_3 { width: 25%; margin: 0px; padding: 0px; } .portfolio-items.with_borders .col.span_3{ padding: 1%; } .portfolio-items .col .work-item .work-info a { color: #fff; font-size: 10px; margin: 5px; } .portfolio-items .col .work-item .work-info a i{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; background-color: rgba(0, 0, 0, 0.5); } .portfolio-items .col .work-item .work-info a:hover i{ background: #1e83ec; } .portfolio-items .col h3 { position: relative; top: 0px; color: #141414; margin-bottom: 10px; text-transform: uppercase; font-size: 16px; line-height: 18px; } .portfolio-items .col img { display: block; margin-bottom: 0px; width: 100%; } .portfolio-items[data-col-num="fullwidth"] .col img { width: 100.7%; max-width: 100.7%; } .portfolio-items .col .work-info .magnify span { background-image: url(img/stock/icons/magnify.png); } .portfolio-items .col .work-info .view, .portfolio-items .col .work-info .image, .portfolio-items .col .work-info .video { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; text-indent: -9999px; color: #fff; display: block; } .portfolio-items .col .work-info span { top: 0px; left: 0px; position: absolute; display: block; height: 42px; width: 42px; background-repeat: no-repeat; background-position: center; opacity: 0.8; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .portfolio-items .col .work-info .vert-center { text-align: center; position: absolute; top:50%; margin-top: -15px; width:100% } .portfolio-items .col .work-info .vert-center p { padding: 0px 50px; color: #666; font-size: 12px; } .portfolio-items .col .work-item.style-3 .work-info .vert-center p{ color: #fff; } .portfolio-items .col .work-info a:hover span { opacity: 0.8; } .portfolio-items .col .work-item { position: relative; overflow: hidden; } .portfolio-items .col.fullwidth-portfolio-item .work-item { overflow: visible; } .portfolio-items .work-item.default-style .work-meta { width: 100%; font-size: 12px; color: #fff; position: absolute; padding: 20px; text-align: center; top: 50%; margin-top: -43px; } .light .portfolio-items .work-meta { color: #e8e8e8; } .portfolio-items .work-item.default-style .work-meta h4 { line-height: 22px; font-size: 18px; color: #fff; text-transform: uppercase; } .portfolio-items .work-meta p { line-height: 22px; font-style: italic; font-size: 12px; } .portfolio-items .flex-gallery { margin-bottom: 0px; } .project-attrs { margin-bottom: 0px!important; margin-left: 0px!important; } .project-attrs li { list-style: none!important; } .project-attrs li span { display: inline-block; margin-right: 10px; height: 14px; width: 14px; background-color: #1e83ec; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -o-border-radius: 40px; background-repeat: no-repeat; background-position: center center; } .project-attrs li i { font-size: 14px; line-height: 14px; width: 23px; text-align: left; height: auto; background-color: transparent!important; } .portfolio-items .work-item .work-info [id^="video-popup-"] { display: none; } #project-meta ul, #project-meta .vaexu-social { height: 23px; margin-bottom: 30px!important; } #project-meta ul li { float: left; padding: 0px!important; border-bottom: 0px!important; } .portfolio-loading { display: block; height: 31px; width: 31px; z-index: 80; position: absolute; left: 50%; top: 100px; margin-left: -15px; background-image: url(img/icons/loading-white-bg.gif); } .portfolio-loading.default-loader { background-image: none!important; } body[data-bg-header="true"] .portfolio-loading { display: none; } div[data-col-num="cols-4"] .portfolio-loading { top: 85px; } div[data-col-num="cols-3"] .portfolio-loading { top: 111px; } div.portfolio-items[data-col-num="fullwidth"] { margin-right: 0px!important; margin-top: 0px!important; } .single-portfolio .comments-section #respond { margin-top: 30px; max-width: 600px; margin-left: 0; } .comments-section .comment-wrap.full-width-section > h3 span { display: block; margin-bottom: 5px; line-height: 12px; font-size: 12px; text-transform: none; } .comments-section{ margin: 0 auto; } p.nocomments{ padding: 60px 0 0 0; } .single-portfolio #sidebar h3, .single-portfolio #sidebar h4 { margin-bottom: 0px; padding-bottom: 24px; } .single-portfolio #sidebar { margin-bottom: 30px; transition: none 0s!important; width: 320px; max-width: 100%; float: right; } .single-portfolio .gallery-slider .gallery, .single-portfolio .gallery-slider .jetpack-slideshow { display: none; } #portfolio-extra img { display: block; } #portfolio-extra .clear { padding-bottom: 0px; } #full_width_custom_category #portfolio-extra .empty-second .clear { padding-bottom: 65px; } #full_width_custom_category #portfolio-extra .clear { padding-bottom: 24px; } .fixed-sidebar { float: right; transition: 0!important; margin-bottom: 55px!important; } .single-portfolio #post-area { padding-right: 40px; margin-right: 0px!important; margin-top: 4px; } .single-portfolio #post-area.span_12 { width: 100%!important; } .single-portfolio #post-area .video { margin-bottom: 15px; } .portfolio-wrap { position: relative; background-color: transparent } .portfolio-wrap .work-item.default-style{ height: 420px; overflow: hidden; } .portfolio-wrap .work-item.default-style .featured-portfolio-image{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size:cover; background-position: center center; transition: all .7s cubic-bezier(.2,1,.22,1); -webkit-transition: all .7s cubic-bezier(.2,1,.22,1); } .portfolio-wrap .work-item.default-style:hover .featured-portfolio-image{ transform: scale(1.07); -webkit-transform: scale(1.07); } .portfolio-wrap .work-item.default-style a.portfolio-link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .portfolio-wrap.slider-mode{ padding: 60px 0; } .portfolio-wrap.slider-mode .work-item{ height: 360px; overflow: hidden; } .portfolio-wrap.slider-mode .featured-portfolio-image{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size:cover; background-position: center center; transition: all .7s cubic-bezier(.2,1,.22,1); -webkit-transition: all .7s cubic-bezier(.2,1,.22,1); } .portfolio-wrap.slider-mode .work-item:hover .featured-portfolio-image{ transform: scale(1.07); -webkit-transform: scale(1.07); } body .portfolio-items .col.fullwidth-portfolio-item{ margin: 0px; width: 25%; } /* constrained cols */ body .default-style .portfolio-items.constrain-max-cols.no-masonry .col.fullwidth-portfolio-item { width: 24.98%; } /* custom category styles */ .custom-category-content.vaexu_row { margin: 0 auto; background: white; padding: 60px 120px; margin-top: 200px; margin-bottom: 0px; } .custom-category-content > ul > li.custom-category-avatar > a { background: white; padding: 60px; display: block; text-align: left; } .custom-category-avatar { -moz-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); margin-top: -160px; } .row .col .custom-category-avatar img{ min-height: 300px; margin-bottom: 0px; } .custom-category-content.more-info { background: #f7f7f7; margin-top: 0px; } .main-content .custom-category-content ul{ margin: 0px; } .custom-category-content.more-info > ul > li { text-transform: uppercase; } .custom-category-basic-info, .custom-category-timeline { max-width: 1240px; margin: 0 auto; text-align: left; } .custom-category-timeline.custom-category-content.vaexu_row{ margin-bottom: 120px; } .shadow-content { -moz-box-shadow: 0 26px 40px -24px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 26px 40px -24px rgba(0, 0, 0, 0.1); box-shadow: 0 26px 40px -24px rgba(0, 0, 0, 0.1); } /***************** Woocommerce ******************/ /* Empty Cart */ .vaexu_woocommerce_page.cart-empty figure{ padding: 150px 30px 50px; text-align: center; } .vaexu_woocommerce_page.cart-empty i.fa-shopping-cart{ color: #141414; background: transparent; font-size: 145px; width: 145px; } .vaexu_woocommerce_page.cart-empty p.message{ text-align: center; font-size: 24px; } .vaexu_woocommerce_page.cart-empty .return-to-shop{ text-align: center; padding-bottom: 150px; } /***************** About ******************/ .row .col .team-member { position: relative; display: inline-block; padding: 60px 0; width: 100%; } .team-member-profile-image, .team-member-profile-image span{ width: 100%; background-size: cover; height: 300px; background-position: 50% 50%; position: relative; -webkit-transition: all 0.6s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); overflow: hidden; display: block; } .team-member-profile-image.no-profile-image{ background: #eee; text-align: center; } .team-member-profile-image.no-profile-image:before{ font-family: 'themify'; content: "\e602"; display: block; top: 50%; position: relative; font-size: 50px; color: #bbb; } .team-member-profile-detail{ width: 100%; background: #fff; height: 480px; box-shadow: 0 45px 100px rgba(0,0,0,0.02), 0 16px 40px rgba(0,0,0,0.02); text-align: center; position: relative; overflow: hidden; } .team-member-profile-more-info{ height: 60px; width: 100%; position: absolute; bottom: 0px; -webkit-transition: height 0.6s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } .team-member-profile-detail.more-info-open .team-member-profile-more-info{ height: 320px; } .team-member-profile-detail .team-member-profile-image span{ width: 110%; height: 110%; margin: -5% 0 0 -5%; } .team-member-profile-detail.more-info-open .team-member-profile-image span{ height: 180px; filter: blur(2px); -webkit-filter: blur(2px); } .team-member-profile-detail.more-info-open .team-member-profile-image{ height: 160px; overflow: hidden; } .team-member-profile-more-info-button{ border-radius: 50px; background: #000; color: white; cursor: pointer; width: 140px; display: inline-block; height: 42px; line-height: 42px; position: relative; top: -21px; -webkit-transition: all 0.6s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); overflow: hidden; } .team-member-profile-detail.more-info-open .team-member-profile-more-info-button{ width: 42px; text-indent: 60px; overflow: hidden; } .team-member-profile-more-info-button:before{ content: "\e646"; font-family: 'themify'; opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: all 0.6s; position: absolute; left: 0; text-indent: 0; display: inline-block; width: 0px; } .team-member-profile-detail.more-info-open .team-member-profile-more-info-button:before{ opacity: 1; width: 100%; } .team-member-profile-more-info-content{ opacity: 0; margin-bottom:-50px; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: all 0.6s; } .team-member-profile-detail.more-info-open .team-member-profile-more-info-content{ opacity: 1; margin: 0px; } .team-member-profile-base{ position: relative; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: all 0.6s; } .team-member-profile-detail.more-info-open .team-member-profile-base{ margin-top: -140px; color: white; } .team-member-profile-detail .team-member-profile-base .position, .team-member-profile-detail .team-member-profile-base h4{ -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: all 0.6s; } .team-member-profile-detail.more-info-open .team-member-profile-base .position, .team-member-profile-detail.more-info-open .team-member-profile-base h4{ color: white!important; } .row .col .team-member h4 { font-size: 28px; color: #000; line-height: 30px; padding-bottom: 20px; } .team-member .position{ padding-top: 24px; letter-spacing: 0.15em; } .row .col .team-member h4 a { color: #444444; } .row .col .team-member div.description { padding: 10px 10%; font-size: 14px; color: #888; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: all 0.6s; } .row .col .team-member .team-member-profile-detail.more-info-open div.description{ opacity: 0; } .row .col .team-member ul.social { margin: 15px auto; display: inline-block; } .row .col .team-member ul.social:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .row .col .team-member ul.social li { float: left; list-style: none; } .row .col .team-member ul.social li a { font-size: 11px; margin: 0px 8px; } .row .col .team-member ul.social li:first-child a { margin-left: 0px; } .row .col .team-member ul.social li:after { content: ' / '; font-size: 11px!important; } .row .col .team-member ul.social li:last-child:after { content: ' '!important; } .full-width-section .row .col .team-member img { margin-bottom: 15px!important; } .row .col .team-member[data-style="meta_overlaid"] { margin-top: 0; margin-bottom: 0; padding-bottom: 0; line-height: 0; position: relative; } .row .col .team-member[data-style="meta_overlaid"] a { display: block; position: absolute; background: transparent url('img/transparent.png') repeat 0 0; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; } .row .col .team-member[data-style="meta_overlaid"] img { line-height: 0; max-width: none; max-height: none; width: 100%; margin-bottom: 0!important; } .row .col .team-member[data-style="meta_overlaid"] .team-member-overlay { position: absolute; bottom: 0px; left: 0; z-index: 2; width: 100%; height: 160px; opacity: 1; transition: opacity 0.3s ease 0s; color: #fff; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top , rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%); } .row .col .team-member[data-style="meta_overlaid"] .team-member-image { height: 100%; width:100%; display: inline-block; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: relative; } .full-width-content .vpb_span3 .row .col .team-member[data-style="meta_overlaid"] .team-member-image { height: 350px; } .full-width-content .vpb_span4 .row .col .team-member[data-style="meta_overlaid"] .team-member-image { height: 400px; } .vaexu_row:not(.full-width-content) .vpb_span3 .row .col .team-member[data-style="meta_overlaid"] .team-member-image { height: 275px; } .row .col .team-member[data-style="meta_overlaid"] .team-meta { position: absolute; z-index: 10; bottom: 40px; width: 100%; text-align: center; } .row .col .team-member[data-style="meta_overlaid"] .team-meta h3 { color: #fff; text-transform: uppercase; font-size: 25px; margin-bottom: 14px; line-height: 26px; } .row .col .team-member[data-style="meta_overlaid"] .team-meta p { color: rgba(255, 255, 255, 0.8); padding: 7px 0 0 0; } .vaexu_row:not(.full-width-content) .vpb_span3 .row .col .team-member[data-style="meta_overlaid"] .team-meta h3, .vaexu_row:not(.full-width-content) .col.span_3 .row .col .team-member[data-style="meta_overlaid"] .team-meta h3 { font-size: 14px; line-height: 20px; margin-bottom: 2px; } .vaexu_row:not(.full-width-content) .vpb_span4 .row .col .team-member[data-style="meta_overlaid"] .team-meta h3, .vaexu_row:not(.full-width-content) .col.span_4 .row .col .team-member[data-style="meta_overlaid"] .team-meta h3 { margin-bottom: 2px; } /***************** Contact ******************/ html:not(.js) #contact-map, html:not(.js) .vaexu-google-map { display: none; } #contact-map { width: 100%; height: 370px; margin-top: -65px; margin-bottom: 30px; } #contact-map div, .vaexu-google-map div { box-sizing: content-box!important; -moz-box-sizing: content-box!important; -webkit-box-sizing: content-box!important; } .vaexu-google-map { margin-bottom: 0!important; } .vaexu-google-map img { max-width: none!important; } body[data-bg-header="true"] #contact-map { margin-top: -30px!important; } .contact-info { padding-left: 20px; } div.wpcf7 form p{ font-family: 'OpenSansBold'; color: #252525; } div.wpcf7-validation-errors { border-width: 0px; } .wpcf7-form-control-wrap { display: block; margin-top: 2px; } .container-wrap .wpcf7-form-control-wrap input[type=text], .container-wrap .wpcf7-form-control-wrap textarea, .container-wrap .wpcf7-form-control-wrap input[type="email"]{ background-color: transparent; border-bottom: 2px solid #dadada; border-width: 0 0 2px 0; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; padding: 5px; } .container-wrap .wpcf7-form-control-wrap textarea{ max-height: 120px; } .container-wrap .wpcf7-form-control-wrap input[type=text]:focus, .container-wrap .wpcf7-form-control-wrap textarea:focus, .container-wrap .wpcf7-form-control-wrap input[type="email"]:focus{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border-color: #141414; } .wpcf7-form .wpcf7-not-valid-tip { padding: 2px 6px; border: 0px; position: absolute; } .wpcf7 .wpcf7-response-output { margin-left: 0px; margin-top: 10px; } .widget_text textarea { max-height: 100px; } body .gform_wrapper .description, body .gform_wrapper .gfield_description, body .gform_wrapper .gsection_description, body .gform_wrapper .instruction { font-size: 12px; } body .gform_wrapper div.charleft { font-size: 10px; } body .gform_wrapper .top_label .gfield_label { font-weight: normal!important; margin-top: 20px; margin-bottom: 6px; font-family: 'OpenSansBold'; } .gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div { font-family: arial; letter-spacing: 0; line-height: 20px; } /* custom contact style */ .vaexu-custom-contact-form-style-1 .wpcf7-form-control-wrap.your-name, .vaexu-custom-contact-form-style-1 .wpcf7-form-control-wrap.your-email{ width: 260px; display: inline-block; margin-right: 20px; margin-bottom: 24px; } .vaexu-custom-contact-form-style-1 .wpcf7-form-control-wrap.your-name input, .vaexu-custom-contact-form-style-1 .wpcf7-form-control-wrap.your-email input{ border-bottom: 0px; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.03); border-radius: 50px; padding: 12px 26px; background: white; } .vaexu-custom-contact-form-style-1 .wpcf7-form-control-wrap.your-name input:focus, .vaexu-custom-contact-form-style-1 .wpcf7-form-control-wrap.your-email input:focus{ border-bottom: 0px; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08); } .vaexu-custom-contact-form-style-1 .wpcf7-form-control.wpcf7-submit{ display: inline-block; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08); } .vaexu-custom-contact-form-style-1 .wpcf7-form-control.wpcf7-submit:hover{ opacity: 0.8; } /***************** Masonry Items / Search results ******************/ #post-area.masonry { opacity: 0; width: 102.2%; margin-bottom: 60px; transition: none; overflow: visible; } #post-area.masonry > .posts-container.isotope{ overflow: visible!important; margin-bottom: 80px; } #post-area.masonry.span_8 { width: 76.5%; margin-right: 0px; padding-right: 0px; } #post-area.span_8 { width: 76.5%; margin-right: 0px; padding-right: 56px; } #post-area.masonry #pagination { position: absolute; bottom: -60px; padding-left: 0px; height: 80px; padding: 20px; text-align: center; } #sidebar.span_4{ width: 23.5%; } #post-area.masonry > article:last-child .content-inner { border-bottom: 1px solid #DDDDDD; } #search-results .result span.bottom-line, .masonry-blog-item span.bottom-line, .masonry-blog-item .more-link { display: none; } #search-outer #search #close a span { color: #000; } #post-area.masonry article.post .quote-inner, #post-area.masonry article.post .link-inner, #post-area.masonry article.post .status-inner, #post-area.masonry article.post .aside-inner { margin-bottom: 8px; } #post-area.masonry article.post.quote .post-content .post-meta, #post-area.masonry article.post.link .post-content .post-meta, #post-area.masonry article.format-status .post-content .post-meta, #post-area.masonry article.post.format-aside .post-meta { display: none; } #search-results { margin-bottom: 30px; overflow: visible!important; visibility: hidden; text-align: center; } #search-results p.no-search-reasult{ display: inline-block; background-color: #666; border-radius: 4px; padding: 2px 12px; color: white; margin-bottom: 60px; } #search-results .result img { margin-bottom: 10px; } .search-results .container-wrap, .search-no-results .container-wrap{ background: #e9eff4; padding-bottom: 60px; padding-top: 32px; } #post-area.masonry article.post .post-meta { display: block; background: transparent; } .search .row .col.section-title h1 { font-size: 28px; line-height: 42px; margin-bottom: 0px; text-transform: none; letter-spacing: -1px; } .masonry-blog-item .post-meta { position: relative!important; } article.post.masonry-blog-item .post-meta .byline{ } article.post.masonry-blog-item .post-meta .date { border-bottom: 0px; line-height: 22px; padding-bottom: 0px; float: left; margin-bottom: 0px; width: auto; color: #BDBDBD; font-size: 12px; } .light .masonry-blog-item p { color: #676767; } article.post.quote.masonry-blog-item .quote-inner h2.title{ font-size: 18px ; line-height: 30px ; } .masonry-blog-item .post-meta .date span { float: left; display: inline; text-transform: capitalize; font-size: 12px; line-height: 12px; color: #676767; } .masonry-blog-item .more-link { margin-bottom: 10px; } .masonry-blog-item { width: 31%; display: inline-block; margin-bottom: 2.5%; position: relative; background: white; } .posts-container article.masonry-blog-item{ margin-bottom: 72px; } .posts-container article{ margin-bottom: 80px; } .posts-container article .video{ overflow: hidden; } #search-results .result{ width: 31%; display: inline-block; margin-bottom: 2.5%; background-color: #fff; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; padding: 20px; } #search-results .result:hover{ box-shadow: 0 20px 70px rgba(0,0,0,0.17); -webkit-box-shadow: 0 20px 70px rgba(0,0,0,0.17); } .masonry-blog-item .jp-jplayer-video { height: 179px!important; } #post-area.span_8 .masonry-blog-item .jp-jplayer-video { height: 200px!important; } .masonry-blog-item { width: 30.8%; } #post-area.masonry.span_8 .masonry-blog-item { width: 46.8%; } #search-results .result { font-size: 11px; } #search-results .result span.bottom-line { height: 1px; width: 100%; display: block; position: absolute; bottom: 2px; left: 0px; background-color: #eaeaea; } #search-results .result .title span { display: block; font-size: 12px; letter-spacing: 0px; color: #999; margin-top: 3px; } #search-results .result h2 { margin-bottom: 1px; font-size: 17px; line-height: 22px; } #search-results .result p { padding-bottom: 0px; } .row .col.search-result-title{ text-align: center; padding: 40px 0; } .row .col.search-result-title > h4, .row .col.section-title.search-result-title > h4 > span{ font-size: 23px; } .row .col.search-result-title > h4{ border-bottom: 2px solid #141414; padding-bottom: 2px; display: inline-block; } article.result .title a { color: #1e83ec; } article.result .title a:hover { color: inherit!important; } /*-------------------------------------------------------------------------*/ /* 6. Vaexu Shortcode Styles /*-------------------------------------------------------------------------*/ /***************** Icons ******************/ [class^="fa-"], [class*=" fa-"] { color: #000; font-size: 14px; height: 32px; line-height: 32px; max-width: 100%; position: relative; vertical-align: middle; width: 32px; top: -2px; word-spacing: 1px; } [class^="fa-"].fa-ghost, [class*=" fa-"].fa-ghost{ background: transparent; } [class^="fa-"].fa-3x, [class*=" fa-"].fa-3x { background-color: transparent; border-radius: 999px 999px 999px 999px; -moz-border-radius: 999px 999px 999px 999px; -webkit-border-radius: 999px 999px 999px 999px; -o-border-radius: 999px 999px 999px 999px; color: #1e83ec; display: inline; font-size: 60px; height: 90px; line-height: 90px; position: relative; text-align: center; vertical-align: middle; width: 100%; word-spacing: 1px; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; } body [class^="fa-"].fa-tiny { line-height: 15px!important; height: 13px; width: 15px; margin-right: 5px; font-size: 13px!important; background-color: transparent!important; } body [class^="fa-"].fa-default-style { line-height: 40px; height: 42px; width: 100%; margin-right: 0px; font-size: 34px; color: #1e83ec; background-color: transparent; } body div.vpb_row-fluid div.light [class^="fa-"].fa-default-style{ color: white; } body .vaexu-button i { background-color: transparent!important; } h3 [class^="fa-"], h2 [class^="fa-"], h4 [class^="fa-"], h5 [class^="fa-"] { margin-right: 5px; } .col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="fa-"].fa-3x, .col:not(#post-area):not(.span_12):not(#sidebar):hover [class*=" fa-"].fa-3x, #sidebar .widget:hover [class^="fa-"].fa-3x { background-color: transparent; } .icon-withtext{ position: relative; z-index: 1; text-align: center; } .icon-withtext > img{ display: inline-block; } .icon-withtext.half-bg:after{ content: ''; background: rgb(233, 239, 244); position: absolute; height: 50%; width: 100%; bottom: 0; left: 0; z-index: -1; } /***************** Milestone ******************/ .vaexu-milestone { text-align: center; } .vaexu-milestone .number { font-size: 53px; font-family: opensansbold; display: inline-block; } .vaexu-milestone .subject { font-size: 18px; display: inline-block; width: 120px; } .vaexu-milestone .border{ background-color: #2c93ff; height: 30px; margin-top: -24px; } .vaexu-heading.enable-image-under-text{ display: inline-block; font-weight: bold; line-height: 1.3; } /***************** Coming Soon ******************/ .vaexu-coming-soon{ width: 100%; display: block; text-align: center; padding: 200px 0; } .vaexu-coming-soon-content{ text-transform: uppercase; overflow: hidden; color: #c5c2b8; display: inline-block; position: relative; top: 50%; letter-spacing: .02em; font-size: 100px; line-height: 100px; } .vaexu-coming-soon-content:before{ content: attr(data-letters); position: absolute; z-index: 2; overflow: hidden; color: #141414; white-space: nowrap; width: 50%; } .vaexu-coming-soon-percent{ padding-top: 32px; font-size: 24px; } /***************** Dropcap ******************/ .vaexu-dropcap { position: relative; float: left; margin-right: 16px; padding: 20px; line-height: 18px; color: #fff; background: #000; border-radius: 500px; font-size: 36px; text-transform: uppercase; width: 60px; height: 60px; } /***************** Video Block ******************/ .vaexu-video-block{ overflow: hidden; box-shadow: 0 30px 45px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 30px 45px rgba(0, 0, 0, 0.15); position: relative; } .vaexu-video-block-cover{ position: absolute; width: 100%; height: 100%; display: block; background: #000; z-index: 99; text-align: center; } .vaexu-video-block-cover .iframe-embed{ border-radius: 4px; overflow: hidden; } .vaexu-video-block-cover i{ vertical-align: middle; display: inline-block; top: 50%; position: absolute; margin: -30px 0 0 -30px; cursor: pointer; background: transparent; border: 4px solid #fff; height: 60px; width: 60px; line-height: 54px; padding-left: 4px; font-size: 18px; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; color: white; border-radius: 100%; } .vaexu-video-block-cover i:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); border-color: rgba(255, 255, 255, 0.4); } .vaexu-video-block-cover.has-heading i{ margin-top: 60px; } .vaexu-video-block-cover i:hover:before{ transform: scale(1.3); -webkit-transform: scale(1.3); } .vaexu-video-block-cover .video-heading{ font-size: 60px; width: 100%; text-align: center; display: block; color: white; position: absolute; top: 50%; margin-top: -40px; } .vaexu-video-block-cover .video-heading span.video-sub-heading{ font-size: 16px; letter-spacing: 0.5em; width: 100%; display: block; margin-top: 30px; } .alink-withunderline { font-size: 12px; border-bottom: 1px solid #000; line-height: 20px; color: #000; cursor: pointer; } .alink-withunderline:hover { color: #000; } /***************** Call To Action ******************/ .vaexu-call-to-action{ padding: 60px 50px; margin: 80px 0; color: white; border-radius: 4px; position: relative; } .vaexu-call-to-action .vaexu-cta-content{ font-size: 30px; padding-right: 320px; } .vaexu-cta-button{ background: #fff; padding: 8px 42px; border-radius: 50px; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; position: absolute; right: 50px; top: 50%; margin-top: -21px; } /***************** Heading ******************/ .h1-lightweight{ font-family: opensanslight; font-size: 60px; line-height: 88px; } .h1-boldweight{ font-family: opensansbold; } .h1-underlined{ position: relative; z-index: 1; padding: 0 8px; } .h1-underlined:after{ height: 0px; width: 100%; border-width: 16px 0; border-style: solid; border-color: inherit; display: block; margin-top: -35px; position: absolute; left: 0; content: ""; z-index: -1; bottom: 8px; } .h1-header{ font-size: 36px; line-height: 48px; } .h2-title{ font-size: 24px } .has-animation.heading-animation-enable h1, .has-animation.heading-animation-enable h2, .has-animation.heading-animation-enable h3, .has-animation.heading-animation-enable h4, .has-animation.heading-animation-enable h5{ transform: translateY(100%); -webkit-transform: translateY(100%); } .h2-lightweight{ font-family: opensanslight; } .h2-name{ font-size: 30px; } .h2-quote{ font-size: 18px; } .h2-underlined{ font-size: 24px; display: inline-block; padding: 0 20px; position: relative; z-index: 1; } .h2-underlined > span{ position: relative; z-index: 1; } .h2-underlined > .underline{ height: 20px; width: 100%; background:#000; display: block; margin-top: -20px; position: absolute; left: 0; bottom: 0; z-index: 0; } .h2-light-underlined { border-bottom:2px solid #000; padding-bottom: 3px; overflow: hidden; position: relative; } .h2-light-underlined:after{ position: absolute; width: 0; height: 2px; content: ""; bottom: -2px; right: 0; transition: all 0.35s; border-color:white; } .h2-light-underlined:hover:after{ width: 100%; left: 0; right: auto; } .h2-uppercase{ text-transform: uppercase; font-size: 12px; letter-spacing: 2px } .h2-name{ font-size: 14px; display: inline-block; line-height: 40px; } .h2-circle{ border: 2px solid #000; display: inline-block; width: 72px; height: 72px; line-height: 68px; text-align: center; border-radius: 100%; font-size: 18px; } .h3-uppercase{ text-transform: uppercase; letter-spacing: 8px; font-size: 14px; font-family: OpenSansLight; line-height: 27px; } .h3-name{ font-size: 12px; display: inline-block; margin-right: 20px; margin-bottom: 0px; line-height: 24px; } .h3-underlined{ text-transform: uppercase; border-bottom: 2px solid #fff; display: inline-block; font-size: 10px; line-height: 20px; letter-spacing: 1px; } .h3-list{ font-size: 16px; line-height: 42px; } .h3-list > span{ color: #2c93ff; } .h4-title{ font-size: 14px; line-height: 24px; } .with-stretched-border{ position: relative; } .stretched-border{ position: absolute; height: 3px; background:#000; width: 160px; bottom: 72px; z-index: 9; } .stretched-right{ right: -160px; } .stretched-left{ left: -160px; } .three_steps_bar .border{ position: absolute; height: 2px; width: 100%; margin: 0 auto; left: 0; top: 54px; z-index: -1; } .three_steps_bar > span_4{ padding: 0px 40px; } .three_steps_bar .step_content{ padding:20px 48px; } .three_steps_bar .h2-circle{ margin-bottom:24px; background:white; } .vaexu-heading-outer{ padding-top: 8px; } .vaexu-heading-outer span{ float: right; line-height: 40px; } .h3-uppercase{ text-transform: uppercase; letter-spacing: 8px; font-size: 14px; font-family: OpenSansLight; line-height: 27px; } .h3-name{ font-size: 12px; font-family: opensansbold; display: inline-block; margin-right: 20px; margin-bottom: 0px; line-height: 24px; } /***************** Bar graph ******************/ .vaexu_wrapper > div.vaexu-progress-bar { margin-bottom: 0px; padding: 10px 0px 15px 0px; font-family: 'OpenSansBold'; color: #141414; } .vaexu-progress-bar .bar-wrap { background-color: rgba(0,0,0,0.043); } .vaexu-progress-bar span { height: 3px; width: 0px; display: block; background-color: #1e83ec; overflow: visible!important; position: relative; } .vaexu-progress-bar p { padding-bottom: 2px; font-size: 12px; text-align: left; margin-bottom: 0px; } .vaexu-progress-bar span strong { position: absolute; right: 0px; top: -18px; color: #141414; line-height: 12px; font-size: 12px; opacity: 0; display: block; } .vaexu-progress-bar span strong i { font-style:normal; font-size: 12px; line-height: 12px; letter-spacing: 0; text-transform: none; } .vaexu-progress-bar span strong.full:after { left: 15px; } .vaexu-progress-bar span strong.full { width: 43px; text-align: center; } /***************** Pie Chart ******************/ .vaexu-pie-chart{ display: inline-block; } .vaexu-pie-chart .number{ border: 3px solid #000; width: 142px; height: 142px; display: inline-block; line-height: 142px; text-align: center; border-radius: 100%; font-size: 48px; font-family: opensansbold; } .vaexu-pie-chart .title{ font-family: opensansbold; font-size: 10px; padding-left: 30px; height: 142px; line-height: 142px; float: right; } .vaexu-pie-chart.bottom-title .title{ font-family: opensansbold; font-size: 10px; padding-left: 0px; height: 56px; line-height: 56px; float: none; } /***************** Website Block ******************/ .vaexu-website-block{ padding: 0px; -moz-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); text-align: center; display: block; margin-bottom: 20px; border-radius: 4px; } .vaexu-website-block > .website-name { font-size: 16px; font-weight: 700; padding: 20px 20px 0 20px; } .vaexu-website-block > .website-des { color: #555; padding: 0 20px 20px 20px; } .row .col .vaexu-website-block .website-block-image{ width: 100%; } /***************** Testimonial ******************/ .vaexu-testimonial{ padding: 56px 42px 50px 42px; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; cursor: pointer; background: #fff; text-align: center; } .vaexu-testimonial .content{ font-size: 20px; line-height: 36px; position: relative; z-index: 1; } .vaexu-testimonial div.profile-img{ width: 60px; height: 60px; border-radius: 100%; display: inline-block; background-size: cover; background-position: center center; margin-bottom: 18px; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .vaexu-testimonial h2.title{ display: inline-block; line-height: 18px; margin-top: 20px; font-size: 10px; text-transform: uppercase; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; letter-spacing: 2px; } .vaexu-testimonial h2.title span{ width: 100%; display: block; font-size: 10px; color: #888; letter-spacing: 2px; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .vaexu-testimonial:hover{ box-shadow: 0 30px 45px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 30px 45px rgba(0, 0, 0, 0.15); border-width: 0px; -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } /***************** Tabbed ******************/ .vaexu_content_element .vaexu_tour_tabs_wrapper, .vaexu_content_element .vaexu_tabs_nav { padding: 0; } .vaexu_content_element .tabbed{ border-radius: 4px; } .vaexu_content_element .vaexu_tabs_nav { margin: 0; padding-left: 0; text-indent: inherit; line-height: 0; } #content .vaexu_content_element .vaexu_tabs_nav { margin: 0; } .vaexu_content_element .vaexu_tabs_nav li { white-space: nowrap; padding: 0; background-image: none; list-style: none; } .vaexu_content_element .vaexu_tabs_nav li:after, .vaexu_content_element .vaexu_tabs_nav li:before { display: none; } .vaexu_content_element .vaexu_tabs_nav li.ui-tabs-active a { cursor: default; } .vaexu_content_element .vaexu_tour_tabs_wrapper .vaexu_ui-tabs-hide { display: none; } .tabbed > ul { margin-left: 0px; margin-bottom: 0px; position: relative; } .tabbed > ul:after{ background: none repeat scroll 0 0 #ddd; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; z-index: 0; } .tabbed > ul li { float: none; position: relative; list-style: none; margin: 0px; display: inline-block; } .row .col .tabbed > ul li > h3{ margin: 0px; } .tabbed > ul li a { display: block; color: #a1a1a1; position: relative; padding: 10px 30px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; font-size: 14px; letter-spacing: 0px; overflow-y: hidden; } .tabbed > ul li a.active-tab{ color: #000; } .tabbed > ul li a:after{ height: 4px; width: 100%; content: ' '; display: block; position: absolute; bottom: -4px; left: 0; z-index: 10; transition: transform 0.3s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: transform 0.3s cubic-bezier(0.12, 0.75, 0.4, 1); } .tabbed > ul li a.active-tab:after{ transform: translateY(-3px); } .tabbed .clear { display: block; padding-bottom: 0px; } .tabbed > ul li a:hover { color: #141414; } .light .tabbed > ul li:last-child a, .light .tabbed > ul li a { border-color: rgba(0,0,0,0.2)!important; } .light .tabbed > ul li a { background-color: rgba(0,0,0,0.15)!important; } .tabbed .vaexu_tab { opacity: 0; } body .tabbed > div { padding: 40px 0px; color: #141414; } body .tabbed div{ margin-bottom: 0px; } body .vaexu_content_element .vaexu_tour_tabs_wrapper .vaexu_tab { padding: 0px; background-color: transparent; } .vaexu_content_element.stretched_tab{ margin-top: -55px; } .vaexu_content_element.stretched_tab .tabbed > ul:after{ display: none; } .vaexu_content_element.stretched_tab .vaexu_tabs_nav{ border: 1px solid #fff; display: inline-block; } .row .col .vaexu_content_element.stretched_tab .tabbed > ul li > h3{ border-right: 1px solid #fff; } .row .col .vaexu_content_element.stretched_tab .tabbed > ul li:last-child > h3{ border-right: 0px solid #fff; } .vaexu_content_element.stretched_tab .tabbed > ul li a:after{ display: none; } .vaexu_content_element.stretched_tab .tabbed > ul li a.active-tab{ background: white; color: #000; } .vaexu_content_element.stretched_tab .tabbed > ul li a{ color: white; padding: 10px 40px; min-width: 130px; text-align: center; } /***************** Single Image with animation / Col animation ******************/ div.img-with-animation, .col.has-animation, .vaexu_column.has-animation { opacity: 0; position: relative; } div.img-with-animation[data-animation="no-animation"]{ opacity: 1; } div.img-with-animation[data-animation="grow-in"].full-opacity { opacity: 1; } html:not(.js) img.img-with-animation, html:not(.js) .col.has-animation, html:not(.js) .vaexu_column.has-animation { opacity: 1; } div.img-with-animation[data-animation="grow-in"], .col.has-animation[data-animation="grow-in"], .vaexu_column.has-animation[data-animation="grow-in"] { opacity: 0.1; transform: scale(0.4); -webkit-transform: scale(0.4); -o-transform: scale(0.4); -moz-transform: scale(0.4); transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -o-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -webkit-backface-visibility: hidden; } div.img-with-animation[data-animation="flip-in"], .col.has-animation[data-animation="flip-in"], .vaexu_column.has-animation[data-animation="flip-in"]{ -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-transition: all 0.27s ease-out; -moz-transition: all 0.27s ease-out; transition: all 0.27s ease-out; } div.img-with-animation[data-animation="flip-in"].animated-in, .col.has-animation[data-animation="flip-in"].animated-in, .vaexu_column.has-animation[data-animation="flip-in"].animated-in{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } div.img-with-animation[data-animation="flip-in"] > .cover, .col.has-animation[data-animation="flip-in"] > .cover, .vaexu_column.has-animation[data-animation="flip-in"] > .cover{ position: absolute; width: 100%; height: 100%; background:white; top: 0; -webkit-transition: -webkit-transform 1s .5s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 1s .5s, opacity 0.1s 0.3s; transition: transform 1s .5s, opacity 0.1s 0.3s; } div.img-with-animation[data-animation="flip-in"].animated-in > .cover, .col.has-animation[data-animation="flip-in"].animated-in > .cover, .vaexu_column.has-animation[data-animation="flip-in"].animated-in > .cover{ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .animated-in.hover-effect-enable{ overflow: hidden; } #header-outer, .vpb_row-fluid, .footer{ padding-right: 36px; padding-left: 36px; } div.img-with-animation[data-animation="fade-in-from-left"] { transform: translateX(-75px); -webkit-transform: translateX(-75px); -moz-transform: translateX(-75px); padding-right: 30px; } .col.has-animation[data-animation="fade-in-from-left"], .vaexu_column.has-animation[data-animation="fade-in-from-left"] { transform: translateX(-45px); -webkit-transform: translateX(-45px); -moz-transform: translateX(-45px); } div.img-with-animation[data-animation="fade-in-from-right"] { transform: translateX(75px); -webkit-transform: translateX(75px); -moz-transform: translateX(75px); padding-left: 30px; } .col.has-animation[data-animation="fade-in-from-right"], .vaexu_column.has-animation[data-animation="fade-in-from-right"] { transform: translateX(45px); -webkit-transform: translateX(45px); -moz-transform: translateX(45px); } div.img-with-animation[data-animation="fade-in-from-bottom"] { transform: translateY(100px); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); } .col.has-animation[data-animation="fade-in-from-bottom"], .vaexu_column.has-animation[data-animation="fade-in-from-bottom"] { transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); } div.img-with-animation[data-animation="fade-in-from-left"], div.img-with-animation[data-animation="fade-in-from-right"] { margin: 0 auto; } .img-with-animation-wrap { line-height: 0; margin-bottom: 0!important; min-height: 100%; } .center div.img-with-animation > img { margin-left: auto!important; margin-right: auto!important; display: block; } .right.img-with-animation-wrap { text-align: right; } .right.img-with-animation-wrap img { display: inline-block; } .left.img-with-animation-wrap { text-align: left; } .left.img-with-animation-wrap img { display: inline-block; } /***************** Timeline ******************/ .toggles.vaexu-timeline-toggles{ border: 0px solid #252525; padding-left: 0px; color: #333; position: relative; padding-bottom: 40px; border-left: 1px solid #e0e0e0; } .vaexu-timeline-toggles .toggle{ overflow: visible; } .vaexu-timeline-toggles .toggle h3 a{ padding-left: 48px; } .vaexu-timeline-toggles .toggle h3 a i{ left: -9px; } .vaexu-timeline-toggles .toggle > div{ padding: 20px 20px 30px 30px; } .vaexu-timeline-toggles .gallery-item{ padding: 20px; } .vaexu-timeline-toggles .gallery-item img{ border: 0px!important; background: #f1f1f1; padding: 12px; } /***************** Toggle ******************/ .toggles{ border: 2px solid #252525; border-radius: 4px; padding: 25px 30px 45px 30px; } .toggle { overflow: hidden; } .toggle h3 { position: relative; z-index: 10; margin-bottom: 0px!important; } .toggle h3 a { display: block; color: #141414; font-size: 14px; line-height: 14px; padding: 20px 20px 22px 28px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; text-transform: uppercase; border-bottom: 1px solid #ddd; letter-spacing: 1px; font-weight: 700; text-align: left; } .toggle h3 a:after{ content: ' '; display: block; height: 2px; position: absolute; bottom: 0px; left: 0; -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); width: 0; } .toggle h3 a:hover:after{ background-color: #141414; width: 100%; } .toggle.open h3 a:after{ background-color: #141414; width: 100%; } .toggle h3 a i { position: absolute; left: 0px; background-color: transparent; color: #141414; top: 18px; width: 18px; height: 16px; line-height: 18px; font-size: 15px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .toggle h3 a:hover, .toggle h3 a:hover i, .toggle.open h3 a, .toggle.open h3 a i{ color: #141414; } .toggle > div { padding: 20px 20px 30px 20px; border-top: 0px; display: none; } .toggle > div .vaexu_wrapper { margin: 0; } .toggle > div > div:last-child { margin-bottom: 0px; } .light .toggle > div { color: #676767; } /***************** Full Width Section ******************/ .full-width-section { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; box-sizing: content-box!important; -moz-box-sizing: content-box!important; -webkit-box-sizing: content-box!important; margin-left: -50%; padding-left: 50%; padding-right: 50%; width: 100%; position: relative; z-index: 0; visibility: hidden; } .full-width-content.parallax_section { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .parallax_section{ overflow: hidden; } .full-width-content.vpb_row-fluid .vaexu_column { background-position: center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .vaexu_row { position: relative; } .vaexu_row.full-width-section, .vaexu_row.full-width-content { margin-bottom: 0px; } .vaexu_row.full-width-content img, .vaexu_row.full-width-content .img-with-animation-wrap { margin-bottom: 0; } .full-width-content { visibility: hidden; } .full-width-section > .span_12 > div:last-child, .full-width-section > .span_12 .col > div:last-child { padding-bottom: 0px; } .full-width-section > .span_12 > div.boxed:last-child, .full-width-section > .span_12 .col > div.boxed:last-child { padding-bottom: 15px!important; } .full-width-section img { display: block; } html:not(.js) .full-width-section, html:not(.js) .full-width-content { visibility: visible; } .section-bg-overlay{ position:absolute!important; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.3);; left:0!important; top:0!important; z-index:1!important } .section-bg-overlay.under-bg{ z-index: -1!important; } @media (min-width: 690px) { .infinite-background{ width: 1000em; height: 100%; -webkit-animation: infiniteBackground 200s linear infinite; animation: infiniteBackground 200s linear infinite; } @-webkit-keyframes infiniteBackground { 0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100%{ -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0) } } @keyframes infiniteBackground { 0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100% { -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0) } } } .full-width-section.parallax_section, .full-width-content.parallax_section { background-attachment: fixed; } .full-width-section.parallax_section .parallax-bg-wrap, .full-width-content.parallax_section .parallax-bg-wrap { overflow: hidden; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; } .full-width-section.parallax_section .parallax-bg, .full-width-content.parallax_section .parallax-bg { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .full-width-section.no-cover { background-size: auto!important; -moz-background-size: auto!important; -webkit-background-size: auto!important; } .full-width-section > .col.span_12 { float: none!important; } .full-width-section > .col.span_12.light, .full-width-content > .col.span_12.light { color: #fff; } .home-wrap .full-width-section.first-section { margin-top: -37px!important; } .column-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; } /***************** Clients ******************/ .clients.two-cols > div { width: 49.4%; } .clients.two-cols > div:nth-child(2n+2) { margin-right: 0px;} .clients.carousel.two-cols > div { margin: 0px 10px;} .clients.three-cols > div { width: 32.6%; } .clients.three-cols > div:nth-child(3n+3) { margin-right: 0px;} .clients.carousel.three-cols > div { margin: 0px 10px;} .clients.four-cols > div { width: 24.2%; } .clients.four-cols > div:nth-child(4n+4) { margin-right: 0px;} .clients.carousel.four-cols > div {margin: 0px 10px;} .clients.five-cols > div { width: 19.2%; } .clients.five-cols > div:nth-child(5n+5) { margin-right: 0px;} .clients.carousel.five-cols > div { margin: 0px 10px;} .clients.six-cols > div { width: 15.8%; } .clients.six-cols > div:nth-child(6n+6) { margin-right: 0px;} .clients.carousel.six-cols > div { margin: 0px 10px;} .clients > div { float: left; transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; margin-right: 1%; margin-bottom: 1%; opacity: 1; } .clients.with-border > div{ border: 1px solid #e6e6e6; } .clients.fade-in-animation > div { opacity: 0; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .clients.fade-in-animation.completed > div { transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -webkit-backface-visibility: hidden; } .clients > div.no-link:hover { opacity: 1!important; } .clients > div:hover { opacity: 0.7!important; } .clients > div img { display: block; max-width: 100%; margin: 0 auto; } .clients.no-carousel:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /***************** Pricing Tables ******************/ .pricing-table{ padding:88px 66px; background:#fff; min-height:400px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .pricing-table.with-border{ border: 5px solid #000; } .pricing-table .price{ font-size: 72px; display: block; line-height: 72px; margin-bottom: 56px; background: #000; color: white; padding: 30px 10px 36px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .pricing-table .price sup{ vertical-align: super; font-size: 36px; font-weight: 200; margin-right: 3px; color: #abb1b7; } .pricing-table h4.h4-title{ margin-bottom: 48px; font-size: 18px; letter-spacing: 2px; } .pricing-table .button.pricing-table-button{ border: 1px solid #e1e1e1; color: #000; border-radius: 50px; padding: 10px 32px; display: inline-block; font-size: 12px; text-transform: lowercase; line-height: 18px; background: transparent; letter-spacing: 1px; margin-top: 24px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .pricing-table .button.pricing-table-button:hover{ -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 7px 42px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 7px 42px; box-shadow: rgba(0, 0, 0, 0.1) 0 7px 42px; } .vaexu-price-table-price{ font-size: 90px; line-height: 1; position: relative; padding-left: 20px; display: inline-block; } .vaexu-price-table-price > span.vaexu-price-table-currency{ font-size: 24px; top: 20px; position: absolute; left: 0px; } .vaexu-price-table > h2{ margin: 15px 0 0; text-transform: uppercase; font-size: 20px; } .vaexu-price-table-des{ font-size: 16px; color: #bbb; margin-bottom: 20px; } a.vaexu-price-table-button{ border: 1px solid #e1e1e1; color: #000; border-radius: 50px; padding: 4px 22px; display: inline-block; font-size: 14px; text-transform: uppercase; margin-bottom: 20px; } a.vaexu-price-table-button:hover{ background: #000; border-color: #000; color: white; } /*-------------------------------------------------------------------------*/ /* 7. Footer Styles /*-------------------------------------------------------------------------*/ .footer{ min-height: 120px; line-height: 120px; } .footer .socialsharing ul li a i{ text-align: right; } .footer.page-footer-light{ background: #fff; color: #000; } .footer.page-footer-light a, .footer.page-footer-light i{ color: #000; } .footer.page-footer-dark{ background: #000; color: #fff; } .footer.page-footer-dark a, .footer.page-footer-dark i{ color: #fff; } .footer .copyright p{ font-size: 14px; line-height: 120px; margin: 0px; } .footer .socialsharing ul li{ display: inline-block; } .footer .socialsharing ul li{ margin-left: 0px; padding:0 2px; } .footer .col.span_7{ text-align: right; } .footer .socialsharing ul{ float: none; display: inline-block; } /***************** Flickr widget ******************/ #footer-outer .col #flickr > div img { background-color: #444; border-color: #4d4d4d; } #footer-outer .col #flickr > div a:hover img { border-color: #616161; background-color: #616161; } #footer-outer .col .widget_recent_entries span, #footer-outer .col .widget_recent_posts_extra .post-widget-text span { display: block; line-height: 17px; color: #999; font-size: 11px; margin-bottom: 6px; } #footer-outer #footer-widgets .col ul li { padding: 8px 0px; list-style: none; margin-bottom: 0px; } #footer-outer #footer-widgets .col ul li:first-child { padding-top: 0px!important; } #footer-outer #footer-widgets .col ul li:last-child { margin-bottom: 0px; } #footer-outer #footer-widgets .col ul ul li:last-child { border-bottom: 0px!important; } #footer-outer #footer-widgets .col p { padding-bottom: 20px; } #footer-outer #footer-widgets .col p:last-child { padding-bottom: 0px; } /***************** Calendar Widget ******************/ .widget_calendar { position: relative; } .widget_calendar table { width: 100%; border-collapse:collapse; } .widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th { text-align: center; } .widget_calendar table tbody td { border: 0px; padding: 4px; font-size: 11px; color: #666; } .widget_calendar table tbody tr td:first-child { border-left: 0px; } .widget_calendar table th { font-family: 'OpenSansBold'; border-bottom: 0px; text-align: center!important; padding-bottom: 10px; color: #999999; } .widget_calendar table #prev { text-align: left; position: relative; padding: 10px 0px 0px 0px; z-index: 2; } .widget_calendar table #next { text-align: right; position: relative; padding: 10px 0px 0px 0px; z-index: 2; } .widget_calendar caption { position: absolute; bottom: 56px; z-index: 1; width: 100%; text-align: right; right: 36px; } #footer-outer #footer-widgets .col .widget_calendar table tbody td { border: 0px; color: #666666; padding: 4px; font-size: 11px; } #footer-outer #footer-widgets .col .widget_calendar table { border-collapse:collapse; } #footer-outer #footer-widgets .col .widget_calendar table tbody tr td:first-child { border-left: 0px; } #footer-outer #footer-widgets .col .widget_calendar table tbody tr:nth-child(2n+1) { background-color: #343739; } #footer-outer #footer-widgets .col .widget_calendar table th { border-bottom: 0px; padding-bottom: 10px; font-family: 'OpenSansBold'; color: #666666; } #footer-outer #footer-widgets .col .widget_calendar table tfoot tr { margin-top: 20px; } .widget_search .search-form, .newsletter-widget form { position: relative; overflow: hidden; } .widget_search .search-form:before{ content: "\f002"; background: transparent; position: absolute; color: #ccc; right: 15px; top: 0px; height: 44px; pointer-events: none; z-index: 10; font-family: 'FontAwesome'; line-height: 44px; } .widget_search .search-form input[type=text], .newsletter-widget form input[type=email] { padding-right: 40px!important; margin: 0; background: white; } .widget_search .search-form input[type=submit], .newsletter-widget form input[type=submit] { position: absolute; right: 0px; top: 0px; margin: 0!important; line-height: 22px; padding: 10px 11px; } .widget_search .search-form input[type=submit]{ display: none; } #footer-outer .widget_search .search-form input[type=submit], #footer-outer .newsletter-widget form input[type=submit] { padding: 10px 11px 11px 10px; } #footer-outer #footer-widgets .col .tagcloud a { background-color: rgba(0, 0, 0, 0.6); color: #ccc; cursor: pointer; display: inline-block; float: left; margin: 5px 5px 0px 0px; padding: 8px 20px; position: relative; font-size: 8pt !important; text-transform: capitalize; transition: all 0.2s linear; line-height: 22px; } #footer-outer #footer-widgets .col .widget_tag_cloud:after { display: block; height: 0; clear: both; content: ""; visibility: hidden; } #footer-outer #footer-widgets .col .tagcloud a:hover { background-color: rgba(0, 0, 0, 0.9); color: #fff; } #footer-outer #footer-widgets .col .widget_recent_comments ul li { border-bottom: 1px dotted rgba(255, 255, 255, 0.3); display: block; margin-bottom: 18px; padding-bottom: 6px; position: relative; } #footer-outer #footer-widgets .col .widget_recent_comments ul li:last-child { margin-bottom: 0px; } #footer-outer #footer-widgets input[type=text], #footer-outer #footer-widgets input[type=email], #footer-outer #footer-widgets textarea { padding: 10px; width: 100%; background-color: rgba(0, 0, 0, 0.6); color: #ccc; border-width: 0px; min-height: 50px; font-family: 'OpenSansBold'; padding-left: 20px; } #footer-outer #footer-widgets input[type=text]:focus, #footer-outer #footer-widgets input[type=email]:focus, #footer-outer #footer-widgets textarea:focus{ background-color: rgba(0,0,0,.9); color: #fff; } #footer-outer #footer-widgets input[type=submit] { background: transparent; border: 2px solid rgba(255, 255, 255, 0.6); transition: background 0.2s linear 0s; -moz-transition: background 0.2s linear 0s; -webkit-transition: background 0.2s linear 0s; -o-transition: background 0.2s linear 0s; border-radius: 0px; } #footer-outer #footer-widgets input[type=submit]:hover { background: #fff; color: #141414; } #footer-outer #footer-widgets .wpcf7 .wpcf7-response-output{ background: transparent; } #footer-outer #footer-widgets .wpcf7 form p{ color: rgba(255, 255, 255, 0.6); } #footer-outer #footer-widgets .col .search-form form, #footer-outer #footer-widgets .col .search-form label, #footer-outer #footer-widgets .col .newsletter-widget form, #footer-outer #footer-widgets .col .search-form { line-height: 12px!important; } #footer-outer .widget_recent_portfolio_items img { background-color: rgba(20, 20, 20, 0.4); width: 100%; } #footer-outer .widget_recent_portfolio_items a:hover img { background-color: rgba(20, 20, 20, 0.8); } #footer-outer .widget.widget_nav_menu li a { border-bottom: 0px!important; } #footer-outer #footer-widgets .col ul li:first-child > a { padding-top: 0px!important; } #footer-outer #footer-widgets .rsswidget img { margin-bottom: -2px!important; margin-right: 2px; } /***************** Call to action ******************/ #call-to-action { position: relative; z-index: 10; background-color: #eeedec; text-align: center; vertical-align: bottom; font-size: 22px; float: left; display: inline-block; width: 100%; } #call-to-action .container { padding: 42px 0px 36px 0px; } #call-to-action.top-area-promotion .container { padding: 16px 0; } #call-to-action .container span { display: inline-block; line-height: 32px; } #call-to-action.top-area-promotion .container span { font-size: 14px; line-height: 26px; } #call-to-action .container a { background: none repeat scroll 0 0 #1e83ec; position: relative; top: -3px; color: #FFFFFF; margin-bottom: 0px!important; text-transform: uppercase; margin-left: 20px; display: inline-block; border-radius: 4px; padding: 10px 24px; } #call-to-action.top-area-promotion .container a{ background: transparent; position: relative; top: 0px; color: inherit; margin-bottom: 0px; text-transform: capitalize; margin: 0 10px; display: inline-block; border-radius: 4px; padding: 0px; } #call-to-action.top-area-promotion .container i{ padding: 0 4px; } #call-to-action a { color: #45484a; opacity: 1; transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } #call-to-action a:hover { opacity: 0.75; } #call-to-action span { color: #4b4f52; } /*-------------------------------------------------------------------------*/ /* 8. Sidebar Styles /*-------------------------------------------------------------------------*/ #sidebar div ul { margin: 0px; } #sidebar div ul li { padding: 14px 0px 8px 0px; list-style: none; font-size: 14px; } #sidebar > div { margin-bottom: 72px; background: #e9eff4; padding: 40px 45px; } #sidebar > div:last-child { margin-bottom: 0px; } #sidebar #sidebar-inner { margin-bottom: 0px!important; } #sidebar .widget_recent_entries span, .widget_recent_posts_extra span { display: block; line-height: 13px; font-size: 11px; margin-bottom: 6px; } #sidebar .widget_recent_entries span { color: #999; } #sidebar h4 { color: #000; font-size: 14px; margin-bottom: 15px; text-transform: uppercase; } #sidebar .widget_recent_comments h4, #sidebar .Simple_Flickr_Photos h4 { margin-bottom: 16px; } #sidebar .widget li.recentcomments { padding: 15px; margin-bottom: 22px; border: none; position: relative; display: block; background: #fff; border-radius: 3px; } #sidebar .widget .tagcloud a, .post-tags a { background-color: #333333; color: #FFFFFF; cursor: pointer; display: inline-block; float: left; line-height: 22px; margin: 5px 5px 0px 0px; font-size: 8pt; padding: 5px 20px; position: relative; text-transform: capitalize; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } #sidebar .widget_tag_cloud:after { display: block; height: 0; clear: both; content: ""; visibility: hidden; } #sidebar .widget .tagcloud a:hover, .post-tags a:hover { background-color: #1e83ec; } #sidebar .widget input[type=text], #sidebar .widget input[type=email] { padding: 10px; width: 100%; } #sidebar .widget form p { padding-bottom: 15px; } #sidebar .widget.widget_categories ul ul, #sidebar .widget.widget_pages ul ul, #sidebar .widget.widget_nav_menu ul ul { margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 20px; } #sidebar .widget.widget_categories > ul > li:first-child > a, #sidebar .widget.widget_pages > ul > li:first-child > a, #sidebar .widget.widget_nav_menu > ul > li:first-child > a { padding-top: 0px; } #sidebar.left-sidebar { float: left; } #post-area.col_last { float: right; } .single-post .container-wrap.no-sidebar .comment-list > li > div p { font-size: 14px; } .single-post .container-wrap.no-sidebar .comment-list > li > div p.logged-in-as{ font-size: 14px; } .vaexu-widget-area-after-content, .single-post .container-wrap.no-sidebar #post-area, .single-post .container-wrap.no-sidebar .comment-list > li, .single-portfolio .container-wrap .comment-list > li, .single #single-post-info, .comment-wrap, #respond, .comments-section{ max-width: 720px; } .single-post .container-wrap.no-sidebar #post-area, .single-post .container-wrap.no-sidebar .comment-list > li, .single-portfolio .container-wrap .comment-list > li { margin: 0 auto; font-size: 18px; line-height: 1.5; } .single-post .container-wrap.no-sidebar #post-area{ padding-top: 70px; } #commentform .form-submit { text-align: center; padding-bottom: 0px; margin-top: 20px; } .widget_recent_portfolio_items img, #sidebar #flickr img, #footer-outer #flickr img { margin-bottom: 0px; display: block; padding: 5px; background-color: #fff; margin-top: 0px; margin-left: 0px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .widget_recent_portfolio_items a:hover img, #sidebar #flickr a:hover img, #footer-outer #flickr a:hover img { border-color: #1e83ec; } .widget_recent_portfolio_items div a, #sidebar #flickr div a, #footer-outer #flickr div a { float: left; margin: 0 18px 20px 0; width: 28%; } .widget_recent_portfolio_items div a:nth-child(3n+3), #sidebar #flickr div:nth-child(3n+3) a, #footer-outer #flickr div:nth-child(3n+3) a { margin-right: 0px; } .widget_recent_posts_extra ul li:first-child { padding-top: 0px; } .widget_recent_posts_extra .post-widget-image { float: left; position: relative; z-index: 50; margin-right: 10px; } .widget_recent_posts_extra .post-widget-image img { margin: 3px 0px; display: block; } .widget_recent_posts_extra .clear { padding-bottom: 0px; } .widget_recent_posts_extra .post-widget-text { line-height: 17px; } .widget_recent_posts_extra .post-widget-text span { margin-top: 2px; margin-bottom: 4px; } #sidebar select { max-width: 100%; } #footer-outer #flickr:after, #sidebar #flickr:after, .widget_recent_portfolio_items > div:after { clear: both; content: ''; display: block; } .widget_pages ul ul { margin-top: 20px; margin-bottom: 30px; margin-left: 20px; } /*-------------------------------------------------------------------------*/ /* 9. Blog + Pagination Styles /*-------------------------------------------------------------------------*/ #post-area.infinite_scroll #pagination { display: none; } #infscr-loading { position: relative; z-index: 10000000; height: 60px; border-radius: 2px; color: #000; font-size: 12px; display: inline-block; margin: 0px auto; text-align: center; width: 60px; font-size: 12px; letter-spacing: 2px; border-color: #000; border-style: solid; border-width: 0; box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } #infscr-loading.default_loader { background-image: none; } .infscr-loading-wrap { margin: 0px auto; padding: 0; text-align: center; height: 0; opacity: 0; transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } #infscr-loading div { opacity: 0; color: #000; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } #infscr-loading img { margin-bottom: 0; display: none; } #post-area { padding-right: 20px; } #post-area.col_last { padding-left: 20px; padding-right: 0px; } #post-area.col_last.span_12 { padding-left: 0px; float: none; } #post-area > article:last-child .content-inner { margin-bottom: 0px; border-bottom: 0px; } .article-content-wrap{ padding: 20px; } .article-content-wrap{ padding: 56px; max-width: 800px; display: inline-block; text-align: left; width: 100%; } .article-content-wrap.row:last-child{ padding: 56px; max-width: 800px; display: inline-block; text-align: left; width: 100%; } .masonry-blog-item .article-content-wrap.row:last-child{ padding: 24px 0px; text-align: center; } article.status-publish .content-inner .aside-inner, article.status-publish .content-inner .status-inner, article.link .content-inner .link-inner { margin: 0 auto; } article.post .more-link, .blog-recent .more-link { display: inline-block; cursor: default; color: #fff; text-align: center; line-height: 38px; } article.post .more-link span, .blog-recent .more-link span { background-color: transparent; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; width: auto; cursor: pointer; padding: 12px 24px; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; background: #000; border-radius: 50px; } article.post .more-link span:hover, .blog-recent .more-link span:hover { opacity: 0.8; border-color:#141414; } .recent-posts.full-width-content .span_6{ width: 50%; margin-right: 0px; } .recent-posts.full-width-content .span_12:after{ content: " "; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s; width: 100%; background: linear-gradient(to top,rgba(0,0,0,0.30) 0%,rgba(0,0,0,0.001) 75%); visibility: visible; } .recent-posts.full-width-content .post-header{ position: absolute; bottom: 50px; left: 0px; z-index: 999; width: 100%; padding: 0 80px; } .recent-posts.full-width-content .left-post .post-header a.comments{ font-size: 14px; } .recent-posts.full-width-content .post-header a.comments{ position: absolute; right: 80px; top: 12px; width: 42px; height: 36px; text-align: center; line-height: 36px; color: white; } .recent-posts.full-width-content .post-header span.meta-category{ background: transparent; color: white; text-transform: uppercase; font-style: italic; padding: 0px; } .recent-posts.full-width-content .left-post .post-header span.meta-category{ font-size: 14px; } .recent-posts.full-width-content .post-header span.meta-category a{ color: white; } .recent-posts.full-width-content .left-post .post-header .title{ font-size: 35px; } .recent-posts.full-width-content .right-posts .post-header .title{ font-size: 28px; } .recent-posts.full-width-content .post-header .title a{ color: white; } .recent-posts article.post .post-header a { color: #999; } .recent-posts .span_3{ padding: 36px 24px; background: #fff; } .recent-posts .post-header, .recent-posts p{ margin: 0px; padding: 0px; } .recent-posts p{ font-size: 12px; line-height: 20px; } .recent-posts-title { font-size: 12px; letter-spacing: 1.5px; margin-bottom: 7px; } .post-header, #single-below-header { margin-top: 16px; margin-bottom: 12px; font-size: 11px; color: #888; } .recent-posts .post-header span.meta-category{ font-size: 10px; } .recent-posts .post-header span.meta-category a{ color: #666; } .recent-posts .post-header a { color: #888; } .recent-posts .post-header a:hover { color: #1e83ec; } .recent-posts .post-header .title { margin: 4px 0 14px; line-height: 24px; font-size: 18px; } .recent-posts .post-header .title a { color: #1e83ec; } article.post .post-header h1, article.post .post-header h2 { font-size: 40px; line-height: 56px; } article.masonry-blog-item.post .post-header h1, article.masonry-blog-item.post .post-header h2{ font-size: 1.3125rem; line-height: 1.5em; margin-bottom: 1em; } article.post .post-header h2 a { color: #000; } article.post .post-header h2 a:hover { opacity: 0.7; } article.post .post-header a, article.result a, #single-below-header a { color: inherit; } /* single post styles */ .vaexu-single-post-header{ padding-top: 175px; position: relative; height: 100%; display: block; width: 100%; } .vaexu-single-post-header-bg{ position: absolute; top: 0; width: 100%; height: 100%; background: #e9eff4; margin-top: -160px; } .vaexu-single-post-featured-img{ min-height: 600px; background-position: 50% 50%; } .vaexu-single-post-featured-img, .vaexu-single-post-video, .vaexu-single-post-gallery{ display: block; text-align: center; max-width: 1250px; /* box-shadow: 0 45px 100px rgba(0,0,0,0.15), 0 16px 40px rgba(0,0,0,0.15);*/ margin: 0 auto; z-index: 12; position: relative; overflow: hidden; transition: max-width .75s cubic-bezier(.35,0,.17,1); } .vaexu-single-post-featured-img.animated-featured-img{ max-width: 1560px; } .vaexu-single-post-video{ margin-top: 200px; } .vaexu-single-post-featured-img img{ width: 100%; display: block; border-radius: 4px; height: auto; } .vaexu-single-post-title{ text-align: center; font-size: 36px; margin-top: 80px; margin-bottom: 30px; line-height: 40px; } .vaexu-single-post-info{ text-align: center; color: #666; font-size: 14px; } .vaexu-single-post-info > span{ padding: 0 20px; } .vaexu-single-post-content, body .vaexu-single-post-content > p{ font-size: 15px; line-height: 1.64; margin-bottom: 24px; } .vaexu-single-post-content{ padding-top: 30px; } .single-format-quote .vaexu-single-post-featured-img, .single-format-quote .single-page-header{ display: none; } .vaexu-after-content{ background: #e9eff4; padding: 120px 36px!important; } .vaexu-after-content input[type=submit]{ border-radius: 50px; padding: 12px 28px; font-size: 10px; margin-top: 10px; } .single #single-post-info{ margin: 0 auto; padding: 16px 24px; margin-top: 16px; background: #000; } .single #single-post-info span{ line-height: 30px; } .single #single-post-info span.meta-category{ padding-right: 0px; float: right; } .vaexu-promotion-content{ margin: 0 auto; display: block; max-width: 720px; } .vaexu-promotion-content ul{ margin: 0px; } .vaexu-promotion-content ul li{ list-style: none; font-size: 18px; } .vaexu-promotion-content li span.number{ background: #fff; margin-top: 4px; width: 37px; height: 37px; border-radius: 100%; border: 1px solid #cfcfcf; display: inline-block; text-align: center; line-height: 35px; color: #000; margin: 0 15px 15px 0; font-size: 14px; } .single #single-post-info span.meta-comment-number{ border-radius: 100px; color: #fff; height: 28px; min-width: 28px; float: right; } /* single post styles end */ #single-below-header a:hover { color: #1e83ec; } #single-below-header span.meta-category a{ color: #999; border: 1px solid #e6e6e6; padding: 6px 12px; border-radius: 50px; text-transform: uppercase; font-size: 12px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; font-family: 'OpenSansBold'; letter-spacing: 0.1em; } #single-below-header span.meta-category a:hover{ background: #1e83ec; color: #fff; border-color: #1e83ec; } article.post .post-content { position: relative; min-height: 98px; overflow: hidden; } @media only screen and (min-width : 690px) { #post-area.masonry article.post .post-content { padding-left: 0px; border: 0px; border-radius: 0px; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } } .post-tags { padding-left: 50px; margin: 56px 0 20px 0; } .post-tags h4 { float: left; margin-bottom: 15px; margin-right: 15px; margin-left: -50px; } .post-tags a { background: transparent; color: #222; font-size: 14px; border-bottom: 2px solid #eee; padding: 0px; margin-right: 15px; } .post-tags a:hover { background: transparent!important; border-color: #222; color: #000; } .post-tags .clear { padding-bottom: 0px; } .single article.post .post-content { padding-left: 0px; border: 0px; box-shadow: none; -webkit-box-shadow: none; } .single #single-meta { right: 0px; height: 21px; } .single #single-meta ul { margin-bottom: 0px; } .single #single-meta { margin-top: 4px; } .single #single-meta ul li { float: left; list-style: none; padding: 0px; border-bottom: 0px; } .single #single-below-header, .single #single-post-info { text-align: center; } .single #single-post-info span { font-size: 12px; line-height: 28px; color: #888; padding-left: 0; display: block; float: left; } .single #single-below-header > span, .single #single-post-info span { padding: 0 10px 0 10px; } .single #single-below-header span:first-child, .single #single-post-info span:first-child { padding-left: 0; border: none; } .single #single-below-header:after, .single #single-post-info:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } #single-post-info span.meta-author span.fn{ padding:0px; } .single #single-post-info span a{ color: #fff; } #single-post-info span.meta-category a { padding: 6px 12px; border-radius: 50px; background: #000; color: #fff; margin-right: 6px; } #single-post-info span.meta-category a:hover{ opacity: 0.7; } .single.single-post .section-title h1 { max-width: 800px; } .vaexu-post-content article.post .post-content{ overflow: visible; } .vaexu-post-content article.post .content-inner{ text-align: left; text-rendering: optimizeLegibility; color: #222; font-size: 16px; line-height: 28px; -moz-osx-font-smoothing: grayscale; } .vaexu-post-content #post-area{ padding-bottom:120px; } .vaexu-post-content article.post .content-inner img{ display: block; margin: 10px auto; } .vaexu-post-content article.post .content-inner .flex-gallery .slides img{ margin: 0 auto; } .vaexu-post-content article.post .content-inner img.alignleft, .vaexu-post-content article.post .content-inner .wp-caption.alignleft{ margin: 10px 20px 10px -60px; } .vaexu-post-content article.post .content-inner img.alignright, .vaexu-post-content article.post .content-inner .wp-caption.alignright{ margin: 10px -60px 10px 20px; } article.masonry-blog-item .content-inner { padding-bottom: 0; border: 0; margin-bottom: 0; } article.masonry-blog-item.quote .content-inner{ border-bottom: 0px; } article.masonry-blog-item .content-inner span.meta-category, article .content-inner span.meta-category{ font-style: italic; } .masonry-blog-item .content-inner .post-featured-img img, .masonry-blog-item .more-link, #post-area.masonry article.post .quote-inner, #post-area.masonry article.post .link-inner, #post-area.masonry article.post .status-inner, #post-area.masonry article.post .aside-inner { margin-bottom: 0; } article.post.quote .post-content .quote-inner, article.post.link .post-content .link-inner, article.format-status .post-content .status-inner, article.post.format-aside .aside-inner { position: relative; padding: 30px; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; overflow: hidden; } article.post.link .post-content .link-inner{ text-align: left; padding: 20px; border: 20px solid #e9eff4; } article.post.quote .content-inner .quote-inner .whole-link { transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } .single-post .quote-below-content { margin-top: 70px; } article.post.format-aside .post-meta, article.post.format-status .post-meta{ height: 50px!important; margin: 35px 0 -32px!important; line-height: 50px!important; } article.post.format-aside div.date, article.post.format-status div.date{ display: inline-block; } article.post.format-aside .aside-inner p { margin-bottom: 15px; } article.post.format-aside .aside-inner .post-header { margin-bottom: 0px; } article.post.format-chat .content-inner dt { margin-top: 15px; } article.post.quote .quote-inner .title, article.post.quote .quote-inner .author, article.post.quote .quote-inner .icon { position: relative; z-index: 100; } article.post.quote .quote-inner .title{ font-size: 25px; line-height: 36px; } .single-post.single-format-quote .container-wrap.no-sidebar #post-area{ max-width: 100%; } .single-format-quote article.post.quote .post-content .quote-inner{ max-width: 100%; } .single-format-quote article.post.quote .quote-inner .title{ font-size: 32px; line-height: 48px; } article.post.quote .quote-inner .author{ color: #555; font-size: 10px; } article.post.quote .content-inner .whole-link { position: absolute; z-index: 10; display: block; height: 100%; width: 100%; top: 0px; left: 0px; } article.post.quote figure { margin: 0 auto!important; } article.post.quote blockquote { background-image: none; padding: 0px; font-family: inherit; margin: 0 auto; border-left: 0px; } article.post.quote .post-content .quote-inner{ max-width: 800px; display: inline-block; } article.post.quote .post-content .quote-inner span.icon { height: 80px; width: 80px; display: block; position: absolute; right: 70px; top: 100%; font-size: 120px; line-height: 80px; background-color: transparent; color: #f7f7f7; margin-top: -50px; z-index: 99; } article.post.link .post-content .link-inner span.icon { display: block; background-color: transparent; font-size: 20px; color: #000; text-align: left; width: 100%; margin: 2px 0 10px 0; } article.post.link .post-content .destination { word-wrap:break-word; font-size: 10px; width: 100%; display: inline-block; } article.post .post-content.quote a, article.post .post-content.link a { display: block; z-index: 10; } article.post.quote .post-content h2, article.post.format-status .post-content h2 { color: #141414; font-size: 26px; line-height: 30px; display: block; margin-bottom: 16px; } article.post.link .post-content h2{ min-height: 100px; padding: 20px; margin-bottom: 0px; font-size: 18px; line-height: 30px; } article.format-status .post-content h2 a { color: #fff!important; } article.post .post-meta { display: block; margin-bottom: 20px; color: #fff; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 9; height: 125px; background-color: transparent; text-align: center; } .masonry article.post .post-meta{ color: #141414; background: none; height: auto; margin-bottom: 0px; } article.post.quote .post-meta{ display: none; } .masonry-blog-item .article-content-wrap { padding: 28px 18px 18px 18px; } article.post .post-meta .date, article.post .post-meta .meta-comment-count a, article.post .post-meta .meta-comment-count i{ color: white; } h3.no-comments{ text-transform: uppercase; font-size: 16px; text-align: center; padding: 80px 30px 0px 30px; margin: 0px; } article.post .post-meta.no-img, article.post.link .post-meta { background: transparent; position: relative; margin: 0px; border-radius: 5px; text-align: center; } .masonry article.post .post-meta.no-img{ border-bottom: 0px; margin-bottom: 0px; } article.post .post-meta.no-img{ margin-bottom: -56px; } article.post.link .post-meta, article.post.format-image .post-meta, article.post.video .post-meta, article.post.audio .post-meta, article.post.audio a.more-link, article.post.format-image a.more-link, article.post.gallery .post-meta{ display: none; } article.post .post-meta.no-img .date, article.post .post-meta.no-img .meta-comment-count a, article.post .post-meta.no-img .meta-comment-count i, article.post.link .post-meta .date, article.post.link .post-meta .meta-comment-count a, article.post.link .post-meta .meta-comment-count i{ color: #BDBDBD; } article.post .post-meta a { color: #141414; } article.post .post-meta a:hover { color: #000; } article.post .content-inner .post-featured-img img { margin-bottom: 0px; width: 100%; display: block; transition: all .7s cubic-bezier(.2,1,.22,1); -webkit-transition: all .7s cubic-bezier(.2,1,.22,1); } article.post .content-inner .post-featured-img img:hover{ transform: scale(1.07); -webkit-transform: scale(1.07); } article.post.quote .content-inner{ text-align: left; padding: 20px; border: 20px solid #e9eff4; } .single-format-quote article.post.quote .content-inner{ border: 0px; padding: 160px 0; text-align: center; } .single-format-quote article.post.quote .content-inner .quote-inner{ padding: 0px; max-width: 720px; margin: 0 auto; text-align: left; } .single article.post .content-inner .post-featured-img img { margin-bottom: 25px!important; margin: 0 auto; } article.post .post-meta .entry-footer{ padding: 56px; max-width: 800px; display: inline-block; width: 100%; } article.masonry-blog-item.post .post-meta .entry-footer{ padding: 20px 24px; } article.masonry-blog-item.post.sticky .post-meta .entry-footer{ display: none; } article.post .post-meta .date { margin: 0 auto; font-size: 14px; position: relative; transition: all 0.2s linear 0s; } article.post .post-meta .byline{ float: left; margin-top: -8px; width: auto; line-height: 36px; } article.post .post-meta .byline img{ height: 30px; margin-right: 10px!important; width: 30px; border-radius: 50%; vertical-align: middle; border: 0; margin-bottom: 0px; display: inline-block; } article.post .post-meta .byline > span{ margin-right: 3px; } article.post .post-meta .meta-comment-count{ float: right; text-align: center; } .masonry article.post .post-meta .meta-comment-count{ float: right; width: auto; text-align: left; margin-top: -1px; } article.post .post-meta .meta-comment-count i{ font-size: 18px; width: 22px; height: 20px; line-height: 18px; color: white; margin-right: 3px; background: transparent; } .masonry article.post .post-meta .meta-comment-count i{ color: #ccc; } article.post .meta-comment-count a{ color: white; font-size: 12px; background: red; border-radius: 50px; min-width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; padding: 0 10px; margin-left: 8px; display: none; } article.post .post-meta .meta-comment-count a:hover{ color: white; } .masonry article.post .post-meta .meta-comment-count a{ color: #bdbdbd; } .masonry article.post .post-meta .meta-comment-count a:hover{ color: #bdbdbd; } article.post .post-meta .month, article.post .post-meta .year, article.post .post-meta .day { display: block; text-align: center; text-transform: uppercase; margin-right: 4px; padding: 0px; float: left; } article.post .post-meta .year { } article.post .post-meta .day { display: block; text-align: center; text-transform: uppercase; } article.post.video .video-wrap, .single-portfolio .video-wrap { position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 15px; } article.post.video .video-wrap iframe, .single-portfolio .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } article.post.video .mejs-container { margin-bottom: 15px; } .single article.post.video .mejs-container { margin-bottom: 25px; } article.post .gallery-slider .gallery, article.post .gallery-slider .jetpack-slideshow { display: none; } article.post table { width: 100%; } article.post table td, article.post table th { text-align: center; } article.post table tbody td { padding: 5px; border: 1px solid #E6E6E6; color: #676767; } article.post table th { border-bottom: 1px solid #E6E6E6; color: #676767; } article.post table #prev { text-align: left; position: relative; z-index: 2; } article.post table #next { text-align: right; position: relative; z-index: 2; } .article.post caption { position: absolute; bottom: 0px; z-index: 1; width: 100%; text-align: center; } p > a > i.fa-3x { margin-bottom: 0px!important; } #pagination { position: relative; height: 36px; width: 100%; } #pagination.fw-pagination { text-align: center; height: auto; padding: 10px 0px 50px 0px; margin-bottom: 0px!important; } #pagination.fw-pagination.alt-style-padding { padding: 50px 0px; } #pagination.fw-pagination > div { float: none; display: inline-block; } #pagination.infinite_scroll { display: none; } #pagination span, #pagination a, #pagination .next.inactive, #pagination .prev.inactive, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span{ color: #000; cursor: pointer; display: inline-block; padding: 11px 13px 10px 13px; position: relative; text-transform: capitalize; transition: all 0.2s linear 0s; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span { line-height: 11px!important; } #pagination > div { float: left; margin: 0px 5px 0px 0px; } #pagination > div:first-child { margin-left: 0px; } #pagination .next a:hover, #pagination .prev a:hover, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce .container-wrap nav.woocommerce-pagination ul li:hover span, .woocommerce nav.woocommerce-pagination ul li a:active { color: #000; font-family: 'OpenSansBold'; } #pagination a.page-numbers, #pagination span.page-numbers { border-radius: 100%; height: 36px; width: 36px; line-height: 36px; padding: 0; text-align: center; font-size: 14px; margin-right: 8px; } #pagination a.page-numbers:hover, #pagination span.page-numbers.current{ color: #fff; background: #000; } #pagination a.page-numbers.next, #pagination a.page-numbers.prev{ width: auto; } #pagination a.page-numbers.next:hover, #pagination a.page-numbers.prev:hover{ background: transparent; color: #000; } .woocommerce nav.woocommerce-pagination ul { border-bottom: 0px!important; } #pagination span { cursor: default; } #pagination .next.inactive, #pagination .prev.inactive { background-color: #eae8e5; cursor: default!important; height: 32px; width: 32px; margin: 0px 5px 0px 0px; } .single #post-area.span_12 #author-info { width: 992px; } .posts-container article.video .post-title-bar{ opacity: 1; transform: translateY(0px); transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .posts-container article.video .post-title-bar, .posts-container article.gallery .post-title-bar{ opacity: 0; transform: scaleY(0); transform-origin: 50% 100% 0px; transition: opacity 0.2s ease, transform 0s linear 0.3s; } .posts-container article.video:hover .post-title-bar, .posts-container article.gallery:hover .post-title-bar{ opacity: 1; transform: scaleY(1); transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0s linear 0s; } .post-title-bar{ position: absolute; bottom: 0; width: 100%; margin: 0; left: 0; padding: 20px; } .work-item .post-title-bar{ z-index: 9999; } .post-title-bar > .row{ background:#fff; padding: 0 20px; } .post-title-bar h2.title{ margin-bottom: 0px; line-height: 42px; text-align: left; } .post-title-bar h2.title a{ font-size: 16px; color: #000; } .post-title-bar .date{ font-size: 12px; position: absolute; right: 20px; text-align: right; bottom: 8px; margin-bottom: 2px; } .post-title-with-excerpt{ position: relative; padding: 56px 40px; background: #e9eff4; } .post-title-with-excerpt h2{ font-size: 16px; margin-bottom: 0px; line-height: 24px; } .post-title-with-excerpt > .row{ margin-bottom: 18px; } .post-title-with-excerpt .date{ font-size: 12px; } .post-title-with-excerpt > .excerpt{ line-height: 22px; color: #888; } /*-------------------------------------------------------------------------*/ /* 10. Comment Styles /*-------------------------------------------------------------------------*/ #respond { box-shadow: none; margin: 0 auto; border-radius: 4px; margin-top: 30px; } #respond > p, #respond p.comment-notes { margin-bottom: 10px; } #respond form.comment-form{ font-size: 14px; display: block; padding: 50px 30px 20px 30px; margin-top: 30px; background: #fff; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05); position: relative; color: #000; } #respond form.comment-form:before{ position: absolute; top: -7px; left: 80px; margin-left: -7px; border-color: transparent transparent #fefefe; border-style: solid; border-width: 0 7px 7px; content: ''; } .portfolio-content-details #respond form.comment-form{ background: #e9eff4; box-shadow: 0 5px 25px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0); } .portfolio-content-details #respond form.comment-form:before{ border-color: transparent transparent #e9eff4; } .container-wrap .portfolio-content-details #respond form.comment-form textarea{ background-color: rgba(255, 255, 255, 0.3); } .container-wrap .portfolio-content-details #respond form.comment-form textarea:focus{ background-color: #fff; border-color:#fff; } .container-wrap #respond form.comment-form textarea, .container-wrap #respond form.comment-form input[type="text"], .container-wrap #respond form.comment-form input[type="email"], .container-wrap #respond form.comment-form input[type="password"], .container-wrap #respond form.comment-form input[type="tel"], .container-wrap #respond form.comment-form input[type="url"], .container-wrap #respond form.comment-form input[type="search"], .container-wrap #respond form.comment-form input[type="date"]{ background-color: rgba(233, 239, 244, 0.5); } .container-wrap #respond form.comment-form textarea:focus, .container-wrap #respond form.comment-form input[type="text"]:focus, .container-wrap #respond form.comment-form input[type="email"]:focus, .container-wrap #respond form.comment-form input[type="password"]:focus, .container-wrap #respond form.comment-form input[type="tel"]:focus, .container-wrap #respond form.comment-form input[type="url"]:focus, .container-wrap #respond form.comment-form input[type="search"]:focus, .container-wrap #respond form.comment-form input[type="date"]:focus{ background-color: #e9eff4; border-color:#e9eff4; } #respond form.comment-form .row{ margin-bottom: 20px; } body.single p.logged-in-as { padding-bottom: 0px; margin-top: 0px!important; font-size: 12px; } body .comment-list { margin-bottom: 0px; margin-left: 0px; } .comment-list li { list-style: none!important; } .comment-list li.comment > div, .comment-list li.pingback > div { position: relative; background-color: transparent; box-shadow: none; padding:0 0 0 56px; margin-top: 60px; } .comment-list .children { margin-left: 26px; padding-left: 40px; border-left: 1px solid #ddd; background-repeat: no-repeat; background-position: left 30px; background-image: url(img/icons/comment-children-line.jpg); } .comment-list li.comment > div img.avatar, .comment-list li.pingback > div img.avatar { position: absolute; left: 0px; top: 0px; width: 36px; height: 36px; } .comment-list .reply { position: absolute; top: 8px; right: 0px; } .comment-list .reply a { color: #FFFFFF; cursor: pointer; padding: 4px 12px; font-size: 12px; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; width: auto; border-radius: 50px; visibility: hidden; } .comment-list .reply a:hover { opacity: 0.7; } .single-post .container-wrap.no-sidebar .comment-list > li:hover .reply a{ visibility: visible; } .comment-list .comment-author { color: #141414; font-size: 14px; } .comment-list .comment-meta { font-size: 10px; line-height: 15px; } .comment-list .comment-meta a { color: #888; } .comment-list li.comment > div p, .comment-list li.pingback > div p { padding-bottom: 0px; margin-top: 20px; font-size: 13px; } .comment-wrap { margin: 0 auto; } .comment-wrap h3#comments { padding: 40px 30px 20px 30px; margin-top: 0px; text-align: center; text-transform: uppercase; font-size: 18px; } .comment-list .says { display: none; } html .comment-list .reply a:hover { color: #fff; } #respond h3 .cancel-comment-reply, #respond #cancel-comment-reply-link { display: inline-block; margin-left: 10px; padding-left: 10px; position: relative; border-left: 1px solid #dddddd; } .single-portfolio .comment-wrap { margin-top: 0px; float: left; width: 100%; margin-bottom: 90px; max-width: 100%; } #respond #cancel-comment-reply-link { padding-left: 15px; } #respond h3, h3#comments { font-size: 12px; line-height: 1; padding: 14px 30px; text-align: left; margin-bottom: 0px; margin: 0px; background: #000; width: auto; display: none; color: #fff; cursor: pointer; position: relative; transition: all 0.2s ease; } #respond h3:hover, h3#comments:hover{ opacity: 0.7; } .comment-author a { color: inherit; } #respond h3.comment-reply-title img{ width: 40px; height: 40px; border-radius: 100%; position: absolute; left: 14px; } /*-------------------------------------------------------------------------*/ /* 11. General Form Styles /*-------------------------------------------------------------------------*/ input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date] { padding: 10px 17px; width: 100%; border: 0px; border-bottom: 1px solid #fff; font-size: 14px; line-height: 22px; color: #555; background-color: #efefef; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=date]:focus { background-color: #ebebeb; } input[type=submit], button[type=submit] { background-color: #000; padding: 14px 32px; border: none; color: #fff; cursor: pointer; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; width: auto; font-size: 12px; } input[type=submit]:hover, button[type=submit]:hover { background-color: #1e83ec; } select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; box-sizing: border-box; -webkit-box-sizing: none; -moz-box-sizing: none; -o-box-sizing: none; color: #333333; cursor: pointer; display: block; font-size: 13px; outline: none; overflow: ellipsis; padding: 8px 15px 7px 15px; position: relative; text-overflow: ''; -webkit-text-overflow: none; -moz-text-overflow: none; -o-text-overflow: none; vertical-align: middle; z-index: 5; margin: 0; height: 34px; line-height: normal !important; width: 443px; background: #e9eff4; border: 0px; text-indent: 0.01px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } select::before{ content: "\f107"; background: #fff; width: 35px; height: 32px; border-left: 1px solid #d9d9d9; position: absolute; top: 1px; right: 1px; pointer-events: none; z-index: 10; font-family: 'FontAwesome'; text-align: center; line-height: 32px; } textarea { max-width: 100%; } label span { color: #1e83ec; } /******** CUSTOM ICONS ********/ @font-face { font-family: 'icomoon'; src:url('css/fonts/icon-fonts/icomoon.eot'); src:url('css/fonts/icon-fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('css/fonts/icon-fonts/icomoon.woff') format('woff'), url('css/fonts/icon-fonts/icomoon.ttf') format('truetype'), url('css/fonts/icon-fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: 'icomoon'!important; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*-------------------------------------------------------------------------*/ /* 12. Custom Post Types Styles /*-------------------------------------------------------------------------*/ .grid-sizer, .custom-category-element { width: 22%; } .gutter-sizer { width: 4%; } .custom-category-element{ float: left; } .custom-category-item{ margin-bottom: 30px; } .atvImg { border-radius: 5px; transform-style: preserve-3d; -webkit-tap-highlight-color: rgba(#000,0); } .atvImg img { border-radius: 5px; box-shadow: 0 2px 8px rgba(14,21,47,0.25); } .atvImg-container { position: relative; width: 100%; height: 100%; border-radius: 5px; transition: all 0.2s ease-out; } .atvImg-container.over .atvImg-shadow { box-shadow: 0 45px 100px rgba(14,21,47,0.4), 0 16px 40px rgba(14,21,47,0.4); } .atvImg-layers { position: relative; width: 100%; height: 100%; border-radius: 5px; overflow: hidden; transform-style: preserve-3d; } .atvImg-rendered-layer { position: absolute; width: 104%; height: 104%; top: -2%; left: -2%; background-repeat: no-repeat; background-position: center; background-color: transparent; background-size: cover; transition: all 0.1s ease-out; } .atvImg-shadow { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; transition: all 0.2s ease-out; box-shadow: 0 8px 30px rgba(14,21,47,0.6); } .atvImg-shine { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 5px; background: linear-gradient(135deg, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 60%); }