/* Theme Name: AccessPress Parallax Theme URI: https://accesspressthemes.com/wordpress-themes/accesspress-parallax/ Author: AccessPress Themes Author URI: https://accesspressthemes.com/ Description: Create beautiful one page / parallax website for your business, online shop, agency or any type with AccessPress Parallax. Theme is fully Gutenberg / Elementor friendly and consists of 6 demo (starter site content) built in Elementor in just one click. Version: 4.2 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: accesspress-parallax Domain Path: /languages/ Tags: custom-background, custom-colors, custom-header, custom-menu, featured-images, one-column, right-sidebar, theme-options, threaded-comments, translation-ready, two-columns, grid-layout, footer-widgets, blog, photography, portfolio Requires at least: 4.7 Requires PHP: 5.6 Tested up to: 5.5 This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. AccessPress Parallax is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. */ /*-------------------------------------------------------------- 1.0 - Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; } body { background: #F1F1F1; /* Fallback for when there is no custom background color defined. */ } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #404040; font-family: 'Roboto', sans-serif; line-height: 1.5; font-weight: 300; font-size: 16px; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: bold; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { margin-bottom: 20px; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 20px; } address { margin: 0 0 20px; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 20px; max-width: 100%; overflow: auto; padding: 20px; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } small { font-size: 75%; } big { font-size: 125%; } /*-------------------------------------------------------------- Elements --------------------------------------------------------------*/ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 20px; } ul, ol { margin: 0 0 15px 20px; } ul { list-style: square; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 20px; } dt { font-weight: bold; } dd { margin: 0 20px 20px; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } figure { margin: 0; } table { margin: 0 0 20px; width: 100%; } th { font-weight: bold; } /*-------------------------------------------------------------- Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { position: relative; background: #E66432; display: inline-block; padding: 0 20px; text-decoration: none; color: #ffffff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; border: none; line-height: 36px; height: 36px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #333; border: 1px solid #DDD; border-radius: 1px; max-width: 100%; } select { color: #333; border: 1px solid #DDD; border-radius: 1px; max-width: 100%; height: 36px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { padding: 3px; height: 36px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding: 5px 10px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; } /*-------------------------------------------------------------- Links --------------------------------------------------------------*/ a { color: #E66432; text-decoration: none; } /*-------------------------------------------------------------- Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- Alignments --------------------------------------------------------------*/ .alignleft { float: left; margin-right: 20px; } .alignright { float: right; margin-left: 20px; } .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- Clearings --------------------------------------------------------------*/ .clearfix:before, .clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .row:after, .row:before, .nav-links:before { content: ''; display: table; } .clearfix:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .row:after, .nav-links:after { clear: both; } /*-------------------------------------------------------------- Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 20px; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } #secondary .widget { background: #FFF; padding: 30px; margin-bottom: 40px; } /*-------------------------------------------------------------- Content --------------------------------------------------------------*/ .mid-content { width: 1200px; margin: 0 auto; } .parallax-section { padding: 60px 0 80px; position: relative; } .parallax-section h2 { font-size: 38px; text-transform: uppercase; line-height: 1.2; text-align: center; padding: 0 20px; font-weight: 700; margin-bottom: 60px; } .parallax-section h2 span { position: relative; display: inline-block; } .parallax-section h2 span:after { content: ""; position: absolute; width: 50%; top: 100%; left: 50%; margin-left: -25%; margin-top: 10px; border-bottom: 2px solid; border-color: inherit; } .parallax-section .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; } .parallax-section .mid-content { position: relative; z-index: 999; } .parallax-section .page-content { margin: 0 0 60px; } #content > .mid-content { margin-top: 50px; } .rightsidebar #primary { width: 69%; float: left; } #secondary { width: 28%; float: right; font-size: 16px; } #secondary ul { list-style: none; margin-left: 0; } #secondary ul li { padding-bottom: 6px; } #secondary ul li a { text-decoration: none; color: #333; } #secondary h2.widget-title { border-bottom: 3px solid #E66432; margin-bottom: 20px; line-height: 1.2; font-size: 18px; text-transform: uppercase; } #secondary h2.widget-title span { color: #333; display: inline-block; padding: 8px 0; } #secondary .search-form input[type="search"] { width: 100%; } /*-------------------------------------------------------------- Posts and pages --------------------------------------------------------------*/ .sticky {} .site-title { font-size: 24px; font-weight: bold; text-transform: uppercase; white-space: nowrap; margin-bottom: 0; } .site-title a { text-decoration: none; } .site-description { font-size: 14px; font-style: italic; margin-bottom: 0; } .article-wrap { margin: 0 0 40px; background: #FFF; padding: 40px; margin-bottom: 40px; position: relative; } .single .hentry { margin-bottom: 0; } .archive .article-wrap { margin-bottom: 60px; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; font-style: italic; font-size: 14px; } .single .byline a, .group-blog .byline a { color: #333; text-decoration: none; } .page-content, .entry-content, .entry-summary { margin: 20px 0 0; } .page-links { clear: both; margin: 0 0 20px; } .entry-meta + h2.entry-title, .entry-meta + .byline + h2.entry-title, .entry-meta + h1.entry-title, .entry-meta + .byline, .entry-meta + .byline + h1.entry-title{ margin-left: 80px; } .entry-thumb + .entry-header h2.entry-title, .entry-thumb + .entry-header h1.entry-title, .entry-thumb + .entry-header .byline{ margin-left: 0; } .page .entry-header h1.entry-title { margin-left: 0; } .entry-header h2.entry-title a { color: #333; text-decoration: none; } .posted-on { position: absolute; left: 20px; top: -14px; background: #E66432; width: 60px; text-align: center; color: #FFF; font-size: 14px; padding: 10px; line-height: 1.2; text-transform: uppercase; } .posted-on:before { border-color: transparent transparent #BA4F28 #BA4F28; border-style: solid; border-width: 7px 5px; top: 0; content: ""; height: 0; right: -10px; position: absolute; width: 0; z-index: -1; } .posted-on span { display: block; } .posted-on span.posted-day { font-size: 24px; font-weight: bold; margin-bottom: 3px; } .bypostauthor {} .entry-footer { font-size: 14px; margin-top: 30px; } .entry-footer span { margin-right: 15px; } .entry-footer .fa { margin-right: 5px; color: #666; } .entry-footer a { text-decoration: none; color: #333; } .edit-link { background: #333; display: inline-block; padding: 5px 10px; line-height: 1.2; border-radius: 2px; font-size: 13px; margin-top: 15px; } .edit-link a { color: #FFF; text-decoration: none; } .edit-link a .fa { color: #FFF; margin-right: 5px; } .page .entry-footer .edit-link { float: none; } .page-header { background: #FFF; padding: 30px 40px; margin-bottom: 40px; } .page-header h1 { margin-bottom: 0; } .entry-thumb { margin: -40px -40px 30px; text-align: center; } /*-------------------------------------------------------------- Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ #comments { background: #FFF; padding: 40px; margin-bottom: 40px; font-size: 16px; } #comments p { margin-bottom: 10px; } #reply-title { background: #333; color: #fff; display: inline-block; padding: 8px 10px; font-size: 18px; line-height: 1.2; margin-bottom: 0; } #commentform { border-top: 2px solid #333; padding-top: 15px; } .comment-content a { word-wrap: break-word; } #comments input[type="submit"] { background: #333; border: none; } .comments-title { margin-bottom: 20px; } #commentform label { display: block; } textarea#comment { height: 150px; } #author, #email, #url { width: 100% } /*Comment Lists*/ .comments-area ol { margin: 0 0 40px; padding: 0; list-style: none; } .comments-area ol.children { margin: 0 0 0 15px; } .comment-list li .comment-body { margin-bottom: 20px; padding: 25px; background: #FAFAFA; } .comment-author img { vertical-align: text-top; margin-right: 10px; float: left; } .comment-author .fn { font-style: normal; font-size: 15px; text-transform: capitalize; font-weight: normal; } .comment-metadata{ margin-bottom: 20px; } .comment-metadata a { text-decoration: none; font-size: 13px; font-style: italic; } .comment-metadata .edit-link { display: none; } .comment-author .fn .url { color: #333; } .comment-author .says { display: none; } .commentmetadata { float: right; font-family: 'Lato', sans-serif; font-size: 12px; font-style: italic; font-weight: 300; } .commentmetadata a { color: #666; } .commentmetadata .comment-edit-link { color: #01AEFD; } .commentmetadata + .clear { margin-bottom: 20px; } .reply .comment-reply-link { background: none repeat scroll 0 0 #293037; border-radius: 3px; color: #FFFFFF; font-size: 13px; line-height: 1; padding: 2px 10px; text-decoration: none; } #commentform .form-submit { margin-bottom: 0; } .comment-awaiting-moderation { background: #111; position: absolute; left: 50%; top: -20px; color: #FFF; font-size: 13px; width: 250px; margin-left: -125px; } .comment-awaiting-moderation + br { display: none; } #cancel-comment-reply-link { font-style: italic; color: #FFF; } #cancel-comment-reply-link:before { font-family: FontAwesome; content: "\f057"; margin: 0 5px 0 20px; font-style: normal; color: #333; } .logged-in-as a { color: #333; } /*-------------------------------------------------------------- Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 20px; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 20px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 0 4px 4px 0; } .gallery-item .gallery-icon { position: relative; } .gallery-item a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/zoom.png) no-repeat center rgba(0, 0, 0, 0.3); display: none; } .gallery-item:hover a:after { display: block; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { font-size: 14px; line-height: 1.2; margin-top: 5px; } /*-------------------------------------------------------------- Main Header --------------------------------------------------------------*/ #masthead { width: 100%; z-index: 9999; background: #FFF; padding: 24px 0; position: relative; } .header-bottom-border{ border-bottom: 3px solid #E66432; } #masthead .flex-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center } #masthead.logo-top { text-align: center; } #masthead.logo-top .flex-box { display: block; } body.parallax-on #masthead { position: fixed; left: 0; top: 0; right: 0; } body.logged-in.parallax-on #masthead { top: auto; } #content { position: relative; z-index: 99; } body.parallax-on .wpcf7-not-valid-tip { text-align: center; font-size: 13px; } #site-logo { float: left; width: 20%; } .logo-top #site-logo { float: none; width: auto; padding: 10px 0; } .main-navigation { float: right; max-width: 80%; } .logo-top .main-navigation { float: none; width: auto; text-align: center; max-width: none; margin-top: 15px; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; float: right; } .logo-top .main-navigation ul { float: none; } .main-navigation ul li { position: relative; } .main-navigation > ul > li { float: left; position: relative; font-weight: 400; } .main-navigation > ul > li > a { text-transform: uppercase; font-size: 14px; padding: 5px 10px; } .main-navigation > ul > li:last-child > a{ padding-right: 0; } .main-navigation > ul > li.current a { color: #E66432; } .main-navigation a { display: block; text-decoration: none; color: #333; } .main-navigation ul ul { background: #FFF; position: absolute; top: 100%; left: 0; z-index: 99999; font-size: 15px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); display: none; } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul ul a { min-width: 200px; padding: 10px; border-bottom: 1px solid #EEE; } .logo-top .main-navigation ul ul li { text-align: left; } .main-navigation ul ul li:last-child a { border: none; } .main-navigation li:hover > a { color: #E66432; } .main-navigation ul li:hover > ul { display: block; } body:not(.home) .main-navigation .current_page_item > a, body:not(.home) .main-navigation .current-menu-item > a { color: #E66432; } /* Small menu */ .menu-toggle { display: none; } .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation, .site-main .posts-navigation { margin: 0 0 40px; overflow: hidden; background: #FFF; } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous, .posts-navigation .nav-previous { float: left; width: 50%; padding: 10px; } .comment-navigation .nav-previous a .fa, .paging-navigation .nav-previous a .fa, .post-navigation .nav-previous a .fa, .posts-navigation .nav-previous a .fa { margin-right: 10px; font-size: 16px; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next, .posts-navigation .nav-next { float: right; text-align: right; width: 50%; padding: 10px; } .comment-navigation .nav-next a .fa, .paging-navigation .nav-next a .fa, .post-navigation .nav-next a .fa, .posts-navigation .nav-next a .fa { margin-left: 10px; font-size: 16px; } .site-main .comment-navigation a, .site-main .paging-navigation a, .site-main .post-navigation a, .site-main .posts-navigation a { background: #333; padding: 10px 20px; color: #FFF; text-decoration: none; font-size: 14px; display: block; } .pagination { text-align: center; margin-bottom: 30px; } .pagination .nav-links a, .pagination .nav-links span { display: inline-block; background: #E66432; padding: 10px; color: #FFF; line-height: 1; margin: 0 2px; } .pagination .nav-links span.current{ background: #333; } /*-------------------------------------------------------------- Main SLider --------------------------------------------------------------*/ #main-slider { position: relative; margin-bottom: 30px; } .parallax-on #main-slider, #main-slider.full-screen-, .page-template-home-page-php #main-slider { margin-bottom: 0; } #main-slider.full-screen-yes { min-height: 80vh; } .main-slides { display: none; } #main-slider .main-slides:after { content: ""; background: url(images/overlay4.png) repeat rgba(0, 0, 0, 0.3); position: absolute; height: 100%; width: 100%; z-index: 999; left: 0; top: 0; } #main-slider .slick-slide img { margin: 0 auto; } .full-screen-yes .slides { background-size: cover; background-position: top center; background-repeat: no-repeat; } .slider-caption { position: absolute; top: 50%; left: 0; width: 100%; z-index: 99999; text-align: center; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .slider-caption .caption-title { font-size: 54px; font-weight: bold; text-transform: uppercase; color: #FFF; position: relative; margin: 0 auto 20px; width: 80%; line-height: 1.3; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4); } .slider-caption .caption-description { font-size: 24px; color: #FFF; position: relative; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 300; margin: 0 auto 20px; width: 70%; } .slider-caption .caption-description p { margin-bottom: 20px; } .slider-caption .caption-description a, .btn, .call-to-action a { position: relative; border: 2px solid #ffffff; display: inline-block; line-height: 1; padding: 12px 20px; text-decoration: none; color: #ffffff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 20px; } .slider-caption .caption-description a:hover, .btn:hover { background: #E56432; border: 2px solid #E56432; color: #FFF !important; } .next-page { position: absolute; height: 60px; width: 60px; border: 1px solid #FFF; border-radius: 50%; bottom: 15%; left: 50%; margin-left: -30px; z-index: 999; } .next-page a { display: block; background: url(images/down-arrow.png) no-repeat center; position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-animation: flow-down 2s linear 3s infinite; /* Chrome, Safari, Opera */ animation: flow-down 2s linear 3s infinite; /* Standard syntax */ } #main-slider .slick-slide { position: relative; } #main-slider.full-screen-yes .slick-slide { height: 100vh; background-size: cover; background-position: center; } #main-slider .slick-arrow { position: absolute; top: 50%; margin-top: -50px; width: 28px; height: 100px; padding: 0; text-indent: -9999px; z-index: 99; } #main-slider .slick-prev.slick-arrow { left: 40px; background: url(images/controls.png) no-repeat; } #main-slider .slick-next.slick-arrow { right: 40px; background: url(images/controls.png) no-repeat right top; } #main-slider .slick-dots { position: absolute; bottom: 30px; width: 100%; margin: 0; padding: 0; text-align: center; } #main-slider .slick-dots li { display: inline-block; } #main-slider .slick-dots li button { border: 2px solid #FFF; text-indent: -9999px; display: block; width: 20px; height: 8px; margin: 0 5px; padding: 0; line-height: 8px; border-radius: 0; background: none; } #main-slider .slick-dots li.slick-active button { background: #E66432; border: 2px solid #E66432; } /* Chrome, Safari, Opera */ @-webkit-keyframes flow-down { 0% { top: 0px; opacity: 0.8; } 50% { top: 9px; opacity: 1; } 100% { top: 0; opacity: 0.8; } } /* Standard syntax */ @keyframes flow-down { 0% { top: 0px; opacity: 0.8; } 50% { top: 9px; opacity: 1; } 100% { top: 0; opacity: 0.8; } } /*-------------------------------------------------------------- Default Section --------------------------------------------------------------*/ .parallax-section input[type="text"], .parallax-section input[type="email"], .parallax-section input[type="url"], .parallax-section input[type="password"], .parallax-section input[type="search"], .parallax-section input[type="tel"], .parallax-section textarea { border: 1px solid #ccc; color: inherit; padding: 10px 15px; height: 42px; width: 100%; margin: 0 auto; display: block; background: rgba( 255, 255, 255, 0.4); } .parallax-section textarea { line-height: 1.5; width: 100%; margin: 0 auto; display: block; height: 180px; } .parallax-section .wpcf7-form .wpcf7-submit { width: 100%; margin: 0 auto; display: block; background: #E66432; } .parallax-section .wpcf7-form p { margin-bottom: 15px; } .parallax-section .slider-caption .caption-description a, .parallax-section .btn { border-color: inherit; color: inherit; } /*-------------------------------------------------------------- Service Section --------------------------------------------------------------*/ .service_template { padding-bottom: 40px; } .service-list { width: 48%; margin-bottom: 40px; } .service-list h3 { margin-bottom: 15px; line-height: 1.2; font-size: 18px; font-weight: 700; } .service-list .service-image { height: 80px; width: 80px; margin-top: 15px; overflow: hidden; border: 3px solid #EEE; } .service-list .service-image img { padding: 15px; } .service-list .service-detail { width: 460px; } .service-list.odd { float: left; text-align: right; } .service-list.odd .service-image { float: right; } .service-list.odd .service-detail { float: left; } .service-list.even { float: right; } .service-list.even .service-image { float: left; } .service-list.even .service-detail { float: right; } /*-------------------------------------------------------------- Testimonial Section --------------------------------------------------------------*/ .testimonial-list { text-align: center; } .testimonial-list .testimonial-content { font-size: 20px; font-style: italic; margin-bottom: 30px; line-height: 1.4; position: relative; padding: 0 50px; } .testimonial-list .testimonial-content:before { position: absolute; left: 0; top: 0; content: '\f10d'; font-size: 32px; line-height: 1; height: 30px; font-family: "FontAwesome"; opacity: 0.5; } .testimonial-list h3 { font-size: 20px; font-weight: bold; } .testimonial-list .testimonial-image { width: 100px; height: 100px; border-radius: 50%; margin: 30px auto 50px; } .testimonial-list .testimonial-image img { border-radius: 50%; } .testimonial-listing .slick-arrow { position: absolute; margin: 0; top: 100%; left: 50%; height: 38px; width: 38px; background: none; border: 1px solid; border-color: inherit; text-indent: 0; font-size: 26px; color: inherit; text-decoration: none; text-align: center; line-height: 38px; display: inline-block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; } .testimonial-listing .slick-arrow:hover { background: #e66432; border: 1px solid #e66432; color: #FFF; } .testimonial-listing .fa-angle-left { margin-left: -45px; } .testimonial-listing .fa-angle-right { margin-left: 5px; } /*-------------------------------------------------------------- Portfolio Section --------------------------------------------------------------*/ .portfolio-listing { margin: 0 -15px; } .portfolio-listing a:nth-child(3n+1){ clear: both; } .portfolio-list { width: 33.333%; float: left; position: relative; } .portfolio-wrap { margin: 15px; overflow: hidden; position: relative; } .portfolio-list .portfolio-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); display: none; z-index: 9999; } .portfolio-list .portfolio-overlay span { width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; position: absolute; top: 50%; left: 50%; border: 2px solid #FFF; border-radius: 50%; font-size: 30px; text-align: center; line-height: 60px; color: #FFF; } .portfolio-list:hover .portfolio-overlay { display: block; } .portfolio-list h3 { position: absolute; width: 100%; padding: 20px; bottom: 0; left: 0; color: #FFF; background: url(images/portfolio-text-bg.png) repeat-x top left; font-size: 16px; margin: 0; text-transform: uppercase; } .portfolio-list:hover h3 { display: none; } .portfolio-list img { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .portfolio-list:hover img { -ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */ transform: scale(1.2); } /*-------------------------------------------------------------- Call to Action Section --------------------------------------------------------------*/ .call-to-action { text-align: center; } .call-to-action h2 { margin: 30px 0 15px; font-size: 24px; } .parallax-section .call-to-action .page-content { margin-bottom: 0; } .parallax-section.action_template { padding: 30px 0; } /*-------------------------------------------------------------- Team Section --------------------------------------------------------------*/ .team-tab { text-align: center; padding: 0 50px; } .team-image { border-radius: 50%; border: 2px solid #FFF; margin: 0 8px 20px; position: relative; cursor: pointer; display: none; } .team-image:hover, .team-image.slick-current { border: 2px solid #E66432; } .team-image img, .elementor .team-image img { border-radius: 50%; } .team-list { display: none; } .team-content { margin-top: 60px; } .team-big-image { float: left; width: 35%; margin-right: 3%; border-radius: 50%; overflow: hidden; border: 4px solid #FFF; } .team-big-image img { border-radius: 50%; width: 100%; padding: 3px; } .team-detail { float: left; width: 62%; } .team-detail h3 { font-size: 30px; margin-bottom: 10px; line-height: 1.2; } .team-detail h4 { font-size: 20px; margin-bottom: 25px; opacity: 0.8; } .team-tab .slick-arrow { position: absolute; text-indent: 0; font-size: 46px; text-decoration: none; height: 50px; line-height: 50px; margin-top: -30px; color: inherit; font-weight: normal; top: 50%; cursor: pointer; } .team-tab .fa-angle-left { background: none; left: -40px; } .team-tab .fa-angle-right { background: none; right: -40px; } .blank-section { min-height: 300px; height: 60vh; } /*-------------------------------------------------------------- Google Map Section --------------------------------------------------------------*/ .parallax-section.google-map { padding: 0; } .parallax-section.google-map p { margin: 0 } .parallax-section.google-map img { max-width: none; } .google-map iframe { width: 100% !important; display: block; height: 400px !important; } .googlemap-toggle { position: absolute; left: 50%; margin-left: -40px; background: #000000; top: 0; color: #FFF; padding: 0 30px 0 20px; margin-top: -32px; cursor: pointer; border-radius: 2px 2px 0 0; z-index: 999; font-size: 14px; line-height: 32px; height: 32px; } .googlemap-toggle:after { content: "\f106"; font-size: 20px; margin: 15px 0 0; line-height: 0; position: absolute; right: 10px; font-family: "FontAwesome"; } .googlemap-toggle.active:after { content: "\f107"; } #ap-map-canvas { height: 450px !important; width: 100%; } /*-------------------------------------------------------------- Blog Section --------------------------------------------------------------*/ .blog-list { float: left; width: 30%; margin-right: 3.33%; background: #FFF; text-decoration: none; color: #333; } .blog-list .blog-image img { width: 100%; } .blog-list:hover { color: #333; } .blog-list:nth-child(3n) { margin-right: 0; } .blog-list h3 { font-size: 16px; text-transform: uppercase; margin: 15px 0 10px; font-weight: bold; } .blog-list .blog-excerpt { padding: 0 20px 60px; border-bottom: 3px solid #E66432; position: relative; } .blog-list .blog-excerpt .posted-date { font-size: 13px; margin-bottom: 15px; color: #E66432; text-align: right; font-weight: normal; } .blog-list .blog-excerpt .posted-date .fa { margin-right: 5px; } .blog-list .blog-excerpt span { background: #E66432; color: #FFF; display: inline-block; position: absolute; bottom: 0; right: 10px; padding: 8px 15px; font-size: 14px; } .btn-wrap { text-align: center; margin-top: 70px; } .blog-list:hover .blog-excerpt span { background: #333; } .blog-list:hover .blog-excerpt { border-color: #333; } /*-------------------------------------------------------------- Footer Section --------------------------------------------------------------*/ #colophon { background: #000; color: #FFF; font-size: 15px; } .top-footer { background: #272727; padding: 55px 0; } .top-footer ul { list-style: none; margin: 0; } .top-footer ul li { margin-bottom: 5px; } .top-footer h2 { font-size: 18px; margin-bottom: 32px; position: relative; } .top-footer h2:after { content: ""; position: absolute; top: 100%; width: 40px; border-bottom: 1px solid #FFF; left: 0; margin-top: 5px; } .top-footer a { color: #FFF; text-decoration: none; } .top-footer .top-footer-wrap { margin-left: -2%; } .footer-column-1.top-footer .top-footer-wrap { margin-left: 0; } .footer-column-1 .footer-block { width: 100%; margin-left: 0; } .footer-column-2 .footer-block { width: 48%; margin-left: 2% } .footer-column-3 .footer-block { width: 31.333%; margin-left: 2% } .footer-column-4 .footer-block { width: 23%; margin-left: 2% } .footer-block { float: left; } .footer-block .widget, .footer-block .gallery { margin-bottom: 0; } .bottom-footer { background: #000; padding: 15px; font-size: 14px; } .bottom-footer a { color: #FFF; } .copy-right { float: left; } .site-info { float: right; } .site-info a { text-decoration: underline; } .tagcloud a { background: #000; padding: 10px 15px; font-size: 13px !important; margin: 0 0 5px 0; display: inline-block; line-height: 1; } #go-top { position: fixed; right: 30px; bottom: 30px; display: none; height: 50px; width: 50px; background: #E66432; text-align: center; line-height: 50px; z-index: 9999; border: solid 1px rgba(255,255,255,0.6); } #go-top a { display: block; color: #FFF; } /*-------------------------------------------------------------- Social --------------------------------------------------------------*/ .social-icons { position: fixed; left: 0; top: 50%; width: 30px; z-index: 99999; } .social-icons a { background: #333; height: 30px; width: 30px; margin-bottom: 1px; line-height: 30px; text-align: center; color: #FFF; display: inline-block; position: relative; } .social-icons a:hover { background: #e66432 } .social-icons a span { background: #333; padding: 6px 10px; font-size: 11px; font-family: Arial; text-decoration: none; position: absolute; left: 130%; top: 2px; margin-left: 10px; border-radius: 1px; white-space: nowrap; line-height: 1; font-style: italic; opacity: 0; visibility: hidden; transition: left 0.3s ease; -moz-transition: left 0.3s ease; -webkit-transition: left 0.3s ease; } .social-icons a span:after { content: ""; position: absolute; left: 0; border-color: transparent #333 transparent transparent; border-style: solid; border-width: 4px; margin-left: -8px; top: 50%; margin-top: -4px; } .social-icons a:hover span { opacity: 1; visibility: visible; left: 100%; } /*-------------------------------------------------------------- Responsive grid for pages --------------------------------------------------------------*/ .row { margin-bottom: 25px; } .row:last-child { margin-bottom: 0; } .span1, .span2, .span3, .span4, .span5, .span6 { float: left; } .col { margin-left: 3%; } .col:first-child { margin-left: 0; } .span1 { width: 14.1666666667%; } .span2 { width: 31.3333333333%; } .span3 { width: 48.5%; } .span4 { width: 65.6666666667%; } .span5 { width: 82.8333333333%; } .span6 { width: 100%; margin-left: 0; } @media screen and (max-width: 768px) { .span1, .span2, .span3, .span4, .span5, .span6 { width: 100%; float: none; margin-left: 0; } } /*RTL CSS*/ .rtl #site-logo { float: right; } .rtl .main-navigation { float: left; } .rtl .main-navigation > ul > li { float: right; } .rtl .blog-list .blog-excerpt .posted-date .fa { margin-right: 0; margin-left: 5px; } .rtl .service-list.even { text-align: left; } .rtl .top-footer h2:after { left: auto; right: 0; } .rtl .comment-navigation .nav-next a .fa, .rtl .paging-navigation .nav-next a .fa, .rtl .post-navigation .nav-next a .fa { margin-left: 0; margin-right: 10px; } .rtl .comment-navigation .nav-previous, .rtl .paging-navigation .nav-previous, .rtl .post-navigation .nav-previous { text-align: left; } .rtl .comment-navigation .nav-previous a .fa, .rtl .paging-navigation .nav-previous a .fa, .rtl .post-navigation .nav-previous a .fa { margin-left: 10px; margin-right: 0; } .rtl .bx-wrapper .bx-controls-direction a { text-indent: 999999999px; } /*Guttenberg Compatible CSS*/ .entry-content ol { margin-bottom: 6px; } .entry-content li { margin-bottom: 6px; } .entry-content ol li { margin-bottom: 6px; } .entry-content ul li { margin-bottom: 6px; } .entry-content ul li ul, ol li ol { margin-top: 6px; } .entry-content ul li ul, .entry-content ol li ol { margin-bottom: 6px; } ul.wp-block-categories.wp-block-categories-list.aligncenter { text-align: center; } ul.wp-block-categories li{ list-style: none; } ul.wp-block-archives.wp-block-archives-list li { list-style: none; } ul.wp-block-archives.wp-block-archives-list { list-style: none; padding: 0; margin: 0; } ul.wp-block-gallery.alignnone,ul.wp-block-gallery.alignwide,ul.wp-block-gallery.alignfull { margin-left: 0; padding: 0; } .wp-block-gallery .blocks-gallery-item figure { position: relative; } .wp-block-button.aligncenter { margin-bottom: 15px; } .wp-embed-responsive .wp-block-embed-vimeo.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed-vimeo.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top: 0; } .wp-block-button__link { margin-bottom: 20px; } .wp-block-image.is-resized.alignleft { margin-right: 20px; } .wp-block-image.is-resized.alignright { margin-left: 20px; } /*New Styles*/ #masthead{ -webkit-transition: all .4s cubic-bezier(0.37,0.31,0.2,0.85); -moz-transition: all .4s cubic-bezier(0.37,0.31,0.2,0.85); -ms-transition: all .4s cubic-bezier(0.37,0.31,0.2,0.85); -o-transition: all .4s cubic-bezier(0.37,0.31,0.2,0.85); transition: all .4s cubic-bezier(0.37,0.31,0.2,0.85); } #masthead.header-transparent{ background: transparent; border: none; } body:not(.home) header#masthead{ background: #FFF; } #masthead.header-transparent + #content{ padding-top: 0 !important; } .elementor-heading-title b{ font-weight: 600; } /* body:not(.home) #masthead + #content{ padding-top: 80px !important; } */ #masthead.ap-fixed{ -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } #masthead.ap-fixed.show-nav{ background: #FFF; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.075); box-shadow: 0 0 15px 2px rgba(0,0,0,0.075); } #contact-id-btn{ max-width: 315px; width: 100%; margin: 0 auto; } .ap-portfolio-wrapper .portfolio-post-title{ display: block; margin-top: 18px; } .ap-portfolio-wrapper .portfolio-category{ display: block; margin-top: 5px; } .ap-portfolio-wrapper .portfolio-post-wrap{ margin-bottom: 80px; } .blog-post-wrapper{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-post-wrapper .blog-post-wrap{ width: 33.33%; padding: 0 15px; } .blog-post-wrapper .blog-post-wrap .posted-date{ display: block; margin-top: 25px; } .blog-post-wrapper .blog-post-wrap .blog-post-title{ display: block; margin-top: 10px; margin-bottom: 12px; } .blog-post-wrapper .blog-post-wrap .blog-readmore{ display: block; margin-top: 20px; } .blog-post-wrapper .blog-post-wrap .blog-readmore i{ margin-left: 10px; } .pricing-post-wrap .pricing-title{ margin-bottom: 0; line-height: 1; } .pricing-post-wrap .pricing-currency{ margin-right: 10px; } .pricing-post-wrap .pricing-description{ display: block; margin-bottom: 20px; } .pricing-post-wrap .pricing-button{ display: inline-block; font-size: 14px; font-weight: 400; color: #FFF; line-height: 1; letter-spacing: 1px; padding: 22px 45px 22px 45px; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .pricing-featured{ position: absolute; top: -30px; left: -30px; height: 90px; width: 90px; padding: 20px; line-height: 1.25; -webkit-border-radius: 50%; border-radius: 50%; background: #000; color: #FFF; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .ap-product-wrapper{ margin: 0; } .ap-product-wrapper li.product{ background: #FFF; padding: 15px; position: relative; margin-right: 30px; } .ap-product-wrapper li.product img{ width: 100%; } .ap-product-wrapper li.product .onsale{ position: absolute; top: 30px; left: 15px; display: inline-block; padding: 6px 20px; background: #000; color: #FFF; } .ap-product-wrapper li.product a.added_to_cart, .ap-product-wrapper li.product a.button{ margin-top: 10px; display: inline-block; position: relative; } .ap-product-wrapper li.product a.button.added{ display: none; } .ap-product-wrapper li.product a.button:after{ content: "+"; margin-left: 5px; } .ap-product-wrapper .woocommerce-loop-product__title{ font-size: 18px; color: #000; font-weight: 500; display: block; margin-top: 20px; } .ap-product-wrapper .slick-dots{ margin: 30px 0 0; padding: 0; text-align: center; } .ap-product-wrapper .slick-dots li{ display: inline-block; list-style: none; } .ap-product-wrapper .slick-dots li button{ position: relative; visibility: collapse; padding: 0 6px; } .ap-product-wrapper .slick-dots li button:before{ position: absolute; visibility: visible; top: 0; left: 0; content: ""; width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; background: #d4c1a7; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .ap-product-wrapper .slick-dots li:hover button:before, .ap-product-wrapper .slick-dots li.slick-active button:before{ background: #F45927; } .ap-product-wrapper ins{ background: none; } .ap-product-wrapper .price{ color: #FFF; font-size: 14px; font-weight: 400; color: #636363; display: block; } .ap-blog-wrapper.layout2 .blog-post-title{ margin-top: 30px; } .ap-blog-wrapper.layout2 .blog-content{ position: relative; padding-left: 18%; padding-right: 10px; } .ap-blog-wrapper.layout2 .blog-content:before{ position: absolute; top: 13px; left: 0; content: ""; width: 12%; height: 1px; background: #000; } /* .ap-portfolio-wrapper.layout1 .portfolio-post-wrapper{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ap-portfolio-wrapper.layout1 .portfolio-post-wrapper .portfolio-post-wrap{ width: 50%; padding: 0 15px; } .ap-portfolio-wrapper.layout1 .portfolio-post-wrapper .portfolio-post-wrap:nth-of-type(2), .ap-portfolio-wrapper.layout1 .portfolio-post-wrapper .portfolio-post-wrap:nth-of-type(3), .ap-portfolio-wrapper.layout1 .portfolio-post-wrapper .portfolio-post-wrap:nth-of-type(4), .ap-portfolio-wrapper.layout1 .portfolio-post-wrapper .portfolio-post-wrap:nth-of-type(5){ width: 25%; }*/ .portfolio-post-wrapper{ margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ap-portfolio-wrapper.layout1 .portfolio-post-wrapper{ margin: 0; } /* .portfolio-post-wrapper:before, .portfolio-post-wrapper:after{ clear: both; content: ""; display: table; }*/ .ap-portfolio-wrapper.layout2 .left-wrap, .ap-portfolio-wrapper.layout2 .right-wrap{ width: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ap-portfolio-wrapper.layout2 .portfolio-post-wrap{ margin: 0; padding: 15px; } .ap-portfolio-wrapper.layout2 .ap-full{ width: 100%; } .ap-portfolio-wrapper.layout2 .ap-full-half{ width: 50%; } .ap-portfolio-wrapper.layout2 .portfolio-post-wrap{ position: relative; } .ap-portfolio-wrapper.layout2 .portfolio-content { position: absolute; top: 25px; left: 25px; bottom: 25px; right: 25px; padding: 15px 30px; background: rgba(255,255,255,0.8); visibility: hidden; opacity: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .ap-portfolio-wrapper.layout2 .portfolio-post-wrap:hover .portfolio-content{ visibility: visible; opacity: 1; } .ap-portfolio-wrapper.layout2 .portfolio-image{ height: 100%; width: 100%; } .ap-portfolio-wrapper.layout2 .portfolio-image img{ height: 100%; width: 100%; object-fit: cover; } .ap-team-wrapper.layout1 .team-image-wrap img{ -webkit-border-radius: 5px; border-radius: 5px; } .ap-team-wrapper.layout1 .team-content-wrapper{ position: absolute; top: 0; left: 0; padding: 50px 40px; -webkit-border-radius: 5px; border-radius: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-justify-content: center; justify-content: center; text-align: left; -webkit-align-items: flex-start; align-items: flex-start; visibility: hidden; opacity: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .ap-team-wrapper.layout1 .team-single-wrap:hover .team-content-wrapper{ visibility: visible; opacity: 1; } .ap-team-wrapper.layout1 .team-content-wrapper .team-name{ margin-bottom: 5px; } .ap-team-wrapper.layout1 .team-content-wrapper .team-details{ margin-top: 20px; } .ap-progress-wrapper.layout1 .ap-progress-bar{ display: block; position: relative; width: 100%; height: 10px; background: #EFEFEF; -webkit-border-radius: 0; border-radius: 0; } .ap-progress-wrapper.layout1 .ap-progress-bar .ap-progress-bar-percentage{ position: absolute; top: 0; left: 0; height: 10px; -webkit-border-radius: 0; border-radius: 0; overflow: visible !important; } .ap-progress-wrapper.layout1 .ap-progress-bar .ap-progress-bar-percentage .widget-percent{ font-size: 11px !important; padding: 3px 5px 4px; line-height: 1; font-weight: 400 !important; font-style: normal; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; position: absolute; top: -30px; right: 0; color: #FFF; } .ap-progress-wrapper.layout1 .ap-progress-bar .ap-progress-bar-percentage .widget-percent:after{ position: absolute; content: ""; top: 100%; right: 0; border-style: solid; border-width: 0 7px 7px 0; border-color: transparent transparent transparent transparent; border-right-color: blue; } .ap-progress-wrapper.layout2 .progress-title{ line-height: 1; margin-bottom: 5px; } .ap-progress-wrapper.layout2 .ap-progress-bar{ display: block; position: relative; width: 100%; height: 3px; background: transparent; -webkit-border-radius: 0; border-radius: 0; } .ap-progress-wrapper.layout2 .ap-progress-bar .ap-progress-bar-percentage{ position: absolute; top: 0; left: 0; height: 3px; -webkit-border-radius: 0; border-radius: 0; overflow: visible !important; } .ap-progress-wrapper.layout2 .ap-progress-bar .ap-progress-bar-percentage .widget-percent{ font-size: 16px !important; line-height: 1; font-weight: 500 !important; font-style: normal; position: absolute; top: -21px; right: 0; color: #FFF; } .testimonial-post-wrap{ text-align: center; } .testimonial-description{ position: relative; padding-top: 50px; margin-bottom: 20px; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .testimonial-description:before{ color: #FFF; position: absolute; font-family: FontAwesome; content: "\f10e"; top: 0; left: 0; right: 0; text-align: center; font-size: 32px; line-height: 1; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .testimonial-title-wrap img{ height: 60px; width: 60px; position: relative; overflow: hidden; display: block; -webkit-border-radius: 50% !important; border-radius: 50% !important; border: solid 2px #FFF !important; margin: 0 auto 10px; } .testimonial-title-wrap .testimonial-title{ display: block; margin-bottom: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .elementor-widget-container .ap-testimonial-section .testimonial-designation{ -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .elementor-widget-container:hover .ap-testimonial-section .testimonial-description, .elementor-widget-container:hover .ap-testimonial-section .testimonial-designation{ color: #FFF !important; } .ap-team-wrapper.layout2 .team-single-wrap{ text-align: center; } .ap-team-wrapper.layout2 .team-image-wrap{ position: relative; } .ap-team-wrapper.layout2 .team-image-wrap .team-links{ left: 15px; right: 15px; bottom: 15px; background: rgba(0,0,0,0.85); text-align: center; position: absolute; padding: 15px; } .ap-team-wrapper.layout2 .team-image-wrap .team-links a{ display: inline-block; margin: 0 12px; color: #FFF; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .ap-team-wrapper.layout2 .team-image-wrap .team-links a:hover{ color: #ddd; } .ap-team-wrapper.layout2 .team-name{ margin-top: 30px; margin-bottom: 15px; } .ap-contact-form-wrapper.layout1 .wpcf7-form-control-wrap{ width: 100%; } .ap-contact-form-wrapper.layout1 input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ccc; height: 55px; line-height: 55px; padding: 0 20px; width: 100%; } .ap-contact-form-wrapper.layout1 textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ccc; padding: 20px; } .ap-contact-form-wrapper.layout1 input[type="submit"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 20px 30px; line-height: 1; text-transform: uppercase; width: auto; border: none; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .ap-contact-form-wrapper.layout1 .wpcf7-not-valid-tip{ text-align: left; display: block; margin-top: 5px; } .ap-contact-form-wrapper.layout2 .wrapper-custom-inputs{ display: block; width: 100%; } .ap-contact-form-wrapper.layout2 .wrapper-custom-inputs:before, .ap-contact-form-wrapper.layout2 .wrapper-custom-inputs:after{ display: table; content: ""; clear: both; } .ap-contact-form-wrapper.layout2 .wrapper-custom-inputs p{ width: 48%; float: left; } .ap-contact-form-wrapper.layout2 .wrapper-custom-inputs p:nth-of-type(2){ margin-left: 4%; } .ap-contact-form-wrapper.layout2 input[type="text"], .ap-contact-form-wrapper.layout2 input[type="email"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(255,255,255,0.15); border: none; height: 55px; line-height: 55px; padding: 0 20px; color: #FFF; width: 100%; } .ap-contact-form-wrapper.layout2 textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(255,255,255,0.15); border: none; padding: 20px; color: #FFF; max-height: 150px; } .ap-contact-form-wrapper.layout2 input[type="text"]::-webkit-input-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 input[type="text"]::-moz-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 input[type="text"]:-ms-input-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 input[type="text"]:-moz-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 input[type="email"]::-webkit-input-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 input[type="email"]::-moz-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 input[type="email"]:-ms-input-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 input[type="email"]:-moz-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 textarea::-webkit-input-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 textarea::-moz-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 textarea:-ms-input-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 textarea:-moz-placeholder{ color: rgba(255,255,255,0.7); font-size: 20px; } .ap-contact-form-wrapper.layout2 input[type="submit"]{ padding: 15px 30px; height: auto; border: 1px solid #FFF; } .ap-contact-form-wrapper.layout2 .wpcf7-not-valid-tip{ text-align: left; display: block; margin-top: 5px; opacity: 0.8; } .ap-blog-wrapper.layout3 .blog-readmore{ display: inline-block; padding: 15px 30px; background: #002de7; color: #FFF; margin-top: 27px; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .ap-testimonial-slider-wrapper .testimonial-content{ position: relative; } .ap-testimonial-slider-wrapper .testimonial-content:before{ content: "”"; height: 110px; width: 110px; margin: 0 auto 50px; display: block; line-height: 160px; -webkit-border-radius: 50%; border-radius: 50%; background: #25e093; color: #FFF; font-size: 120px; font-weight: 400; } .ap-testimonial-slider-wrapper .slick-dots{ list-style: none; margin: 30px 0 0; padding: 0; width: 100%; height: 10px; text-align: center; line-height: 1; } .ap-testimonial-slider-wrapper .slick-dots li{ list-style: none; display: inline-block; width: 10px; height: 10px; margin: 0 3px; } .ap-testimonial-slider-wrapper .slick-dots li button{ height: 10px; width: 10px; visibility: collapse; position: relative; } .ap-testimonial-slider-wrapper .slick-dots li button:before{ visibility: visible; position: absolute; top: 0; left: 0; content: ""; height: 10px; width: 10px; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(255,255,255,0.3); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .ap-testimonial-slider-wrapper .slick-dots li.slick-active button:before, .ap-testimonial-slider-wrapper .slick-dots li button:hover:before{ background: rgba(255,255,255,1); } @media screen and (max-width: 768px) { .blog-post-wrapper .blog-post-wrap{ width: 100%; margin-bottom: 50px; padding: 0 10%; text-align: center; } .blog-post-wrapper .blog-post-wrap:last-of-type{ margin-bottom: 0; } .ap-blog-wrapper.layout2 .blog-content{ text-align: left; } .ap-portfolio-wrapper.layout2 .left-wrap, .ap-portfolio-wrapper.layout2 .right-wrap{ width: 100%; } .ap-portfolio-wrapper.layout2 .image-wide{ width: 100%; } body:not(.home) #masthead + #content{ padding-top: 0px !important; } } @media screen and (max-width: 500px) { .blog-post-wrapper .blog-post-wrap{ padding: 0 15px; } .ap-portfolio-wrapper .portfolio-post-wrap{ margin-bottom: 30px; } .ap-product-wrapper li.product{ margin-right: 0; } .ap-portfolio-wrapper.layout2 .ap-full-half{ width: 100%; } .ap-testimonial-slider-wrapper .testimonial-content:before{ content: "”"; height: 70px; width: 70px; margin: 0 auto 30px; display: block; line-height: 110px; -webkit-border-radius: 50%; border-radius: 50%; background: #25e093; color: #FFF; font-size: 90px; font-weight: 400; } } /*floating menu styles*/ .wpfm-template-3 .wpfm-menu-nav ul li{ height: 10px; margin-bottom: 20px; } .wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul > li > a span.wpfm-icon-block, .wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul > li > a span.wpfm-icon-block, .wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul > li > a span.wpfm-icon-block{ height: 10px; width: 10px; background: #393a39; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul > li > a:hover span.wpfm-icon-block, .wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul > li > a:hover span.wpfm-icon-block, .wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul > li > a:hover span.wpfm-icon-block{ background: #FFF; } .wpfm-template-3 .wpfm-menu-nav ul li a span{ line-height: 10px; } .wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul li.wpfm-title-hidden > a:hover, .wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul li.wpfm-title-hidden > a:hover, .wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul li.wpfm-title-hidden > a:hover{ background: none; right: 0; margin-right: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul li a span.wpfm-menu-name, .wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul li a span.wpfm-menu-name, .wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul li a span.wpfm-menu-name{ display: none; } .wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul li > a, .wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul li > a, .wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul li > a{ height: 10px; width: 10px; padding: 0; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; background: none !important; margin-left: -60px !important; } .wpfm-template-3 ul li > .wpfm-tootltip-title{ background: none; font-size: 12px; padding: 0; display: block; margin-top: 5px; font-style: normal; text-transform: uppercase; font-weight: 500; text-decoration: underline; -webkit-transition: all ease 0.35s !important; -moz-transition: all ease 0.35s !important; -ms-transition: all ease 0.35s !important; -o-transition: all ease 0.35s !important; transition: all ease 0.35s !important; } .wpfm-template-3 ul li > .wpfm-tootltip-title:before, .wpfm-template-3 ul li > .wpfm-tootltip-title:after{ display: none; } .wpfm-template-3 .wpfm-position-right ul li a:hover + .wpfm-tootltip-title, .wpfm-template-3 .wpfm-position-top-right ul li a:hover + .wpfm-tootltip-title, .wpfm-template-3 .wpfm-position-bottom-right ul li a:hover + .wpfm-tootltip-title{ right: 70px !important; } .wpfm-template-3 .wpfm-menu-nav ul li a span i{ display: none; } .main-navigation li.menu-item-has-children { margin-right: 10px; } .main-navigation span.menu-icon { position: absolute; right: -3px; top: 4px; } button.toggle { border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none; } .main-navigation ul li:focus-within > ul { display: block; }