/* Theme Name: AccessPress Ray Theme URI: http://accesspressthemes.com/wordpress-themes/accesspress-ray/ Author: AccessPress Themes Author URI: http://accesspressthemes.com/ Description: "AccessPress Ray"- the WordPress theme for Anyone and Everyone. AccessPress Ray is a beautiful, clean, responsive WordPress Theme that adapts beautifully to any device. AccessPress Ray is woo commerce, bbpress, buddypress compatible theme and is translation ready as well. The Theme has multipurpose features with different page layout like portfolio, testimonial, gallery, blog, social media integration that makes the theme useful to wide range. With its extensive admin panel, configuring theme has become much more easier and faster. Great customer support via online chat, email, support forum. Official support forum: http://accesspressthemes.com/support/ Video tutorials: https://www.youtube.com/watch?v=Mi60ORm_VMI&list=PLdSqn2S_qFxEzeboBioXZdAg5P4l32Hm3 View full demo here: http://accesspressthemes.com/accesspress-ray Version: 1.03 Text Domain: accesspress_ray License: GNU General Public License, version 3 (GPLv3) License URI: http://www.gnu.org/licenses/gpl-3.0.txt Tags: blue, white, light, custom-menu, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, custom-background, featured-image-header, sticky-post, theme-options, threaded-comments, featured-images, full-width-template, custom-header, flexible-header, responsive-layout AccessPress Ray WordPress Theme, Copyright 2014 http://accesspressthemes.com/ AccessPress Ray is distributed under the terms of the GNU GPL AccessPress Ray is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. */ /*-------------------------------------------------------------- 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; outline: 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: #fff; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { 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:focus { outline:0; } a:hover, a:active { outline: 0; } a img { border: 0; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #444; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.8; font-weight: 300; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; font-family: "Roboto",sans-serif; line-height: 1.3; margin-bottom: 15px; color: #555; font-weight: 300; } p { margin-bottom:20px; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 15px; font-size: 20px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 300; } address { margin: 0 0 15px; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } 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; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } h1{ font-size:30px;} h2{ font-size:26px;} h3{ font-size:22px;} h4{ font-size:20px;} h5{ font-size:18px;} h6{ font-size:16px;} /*-------------------------------------------------------------- Elements --------------------------------------------------------------*/ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 15px; } ul, ol { margin: 0 0 15px 20px; } ul { list-style: circle; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 15px; } dt { font-weight: bold; } dd { margin: 0 15px 15px; } 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 15px; width: 100%; border-collapse: collapse; } th { font-weight: bold; border: 1px solid #CCC; padding:5px 10px; } td{ border: 1px solid #CCC; padding: 5px 10px; } /*-------------------------------------------------------------- Forms --------------------------------------------------------------*/ button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: middle; } .navigation .nav-links a, .bttn, button, input[type="button"], input[type="reset"], input[type="submit"] { background: #F0563D; color: #FFF !important; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ font-size: 14px; line-height: 1; text-transform: uppercase; border: none; padding: 10px 15px; font-weight: normal; display: inline-block; position:relative; text-shadow:none; } .navigation .nav-links a:hover, .bttn:hover, button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ background: #D64C37; } input[type="checkbox"], input[type="radio"] { padding: 0; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { color: #666; border: 1px solid #ccc; height: 36px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { border: 1px solid #AAA; } .searchform input[type="text"]:focus{ border:none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px 6px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ color: #666; border: 1px solid #ccc; height: 160px; max-width: 100%; } /*-------------------------------------------------------------- Links --------------------------------------------------------------*/ a { color: #23a38f; text-decoration: none; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; } a:visited { } a:hover, a:focus, a:active { color: #353f47; } /*-------------------------------------------------------------- Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .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 { display: inline; float: left; margin-right: 15px; } .alignright { display: inline; float: right; margin-left: 15px; } .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- Clearings --------------------------------------------------------------*/ .clearfix:before, .clearfix:after, .row:before, .row: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, .ak-container:after, .ak-container:before { content: ''; display: table; } .clearfix:after, .row:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .ak-container:after { clear: both; } .clear{ clear:both; } /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 25px; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /*-------------------------------------------------------------- Posts and pages --------------------------------------------------------------*/ h1.entry-title{ color: #666; background: url(images/title-bg.png) repeat-x left bottom; padding-bottom: 15px; } h1.entry-title a{ color:#666; } .hentry { margin: 0 0 15px; } .sticky, .bypostauthor{ } .byline, .updated { display: none; } .single .byline, .group-blog .byline, .posted-on { display: inline; font-family: 'Lato', sans-serif; font-size: 14px; font-style: italic; font-weight: 300; } .page-content, .entry-content, .entry-summary { margin: 15px 0 0; } .page-links { clear: both; margin: 0 0 15px; } .edit-link .post-edit-link{ background: #293037; padding:4px 10px; color: #FFF !important; line-height: 1; border-radius: 3px; font-size: 13px; } .edit-link .post-edit-link:before{ content: "\f044"; font-family:FontAwesome; margin-right: 5px; } #blog-post article.hentry, .search article.hentry, .archive article.hentry, .tag article.hentry, .category article.hentry{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #DDD; } article.hentry .edit-link{ display: block; margin-top: 20px; } article.hentry h1.entry-title{ margin-bottom: 5px; line-height: 1.2; } article.hentry .entry-footer > span{ margin-right: 15px; font-size: 13px; } .page-header .page-title{ color: #666; background: url(images/title-bg.png) repeat-x left bottom; padding-bottom: 15px; } .posted-on:before{ content: "\f073"; font-family: FontAwesome; font-style: normal; margin-right: 5px; } .cat-links:before{ content: "\f07c"; font-family: FontAwesome; font-style: normal; margin-right: 5px; } .comments-link:before{ content: "\f075"; font-family: FontAwesome; font-style: normal; margin-right: 5px; } .tags-links:before{ content: "\f02c"; font-family: FontAwesome; font-style: normal; margin-right: 5px; } .entry-footer a{ color: #999; } .entry-footer a:hover{ color:#01AEFD; } .nav-links .meta-nav{ display: none; } .paging-navigation{ margin-top: 20px; } .nav-links .nav-previous{ width: 50%; float: left; } .nav-links .nav-next{ width: 50%; float: right; } .nav-links .nav-next{ text-align: right; } .nav-links .nav-previous a:before{ content: "\f0d9"; font-family: FontAwesome; font-style: normal; margin-right: 5px; } .nav-links .nav-next a:after{ content: "\f0da"; font-family: FontAwesome; font-style: normal; margin-left: 5px; } .entry-thumbnail{ width: 38%; float: left; } .entry-exrecpt{ width: 60%; float: right; } .short-content{ margin-bottom: 10px; } .short-content + .bttn{ float: right; } .entry-footer{ margin-top: 10px; } .full-width{ float: none; width: 100%; } /*-------------------------------------------------------------- Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } #comments h2.comments-title{ font-style: italic; margin: 15px 0; font-weight: 300; font-size: 22px; background: #23A38F; display: inline-block; padding: 8px 15px; color: #FFF; } #comments h3{ margin:0 0 10px; line-height: 1; color: #FFF; background: #23A38F; display: inline-block; padding: 10px 20px; margin: -20px 0 15px -20px; } #commentform label{ width: 120px; display: inline-block; } textarea#comment{ width: 60%; height: 150px; } /*Comment Lists*/ .comments-area ol{ margin: 0; padding: 0; list-style: none; } .comments-area ol.children{ margin: 0 0 0 15px; } .comment-list .comment-body{ padding: 15px; margin-bottom: 20px; background: #FCFCFC; border-top:2px solid #23A38F; } .comment-author img{ vertical-align: text-top; margin-right: 15px; } .comment-author{ float: left; } .comment-author .fn{ font-style: normal; font-size: 16px; text-transform: capitalize; font-weight: bold; } .comment-author .fn .url{ color: #333; padding: 0 5px; } .comment-author .fn .url:hover{ background: #23A38F; color: #FFF; } .comment-author .says{ display: none; } .commentmetadata{ float: right; font-weight: normal; 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; } #respond{ background: #2E313D; padding: 20px; margin-top: 20px; color: #CCC; } #commentform .form-submit{ margin-bottom: 0; } #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: #FFF; } .logged-in-as a{ color: #CCC; } /*-------------------------------------------------------------- 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; } #infinite-footer{ display: none; } /*-------------------------------------------------------------- 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; } .wp-caption { border: 1px solid #ccc; margin-bottom: 15px; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 10px 0; } .site-main .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-main .gallery a img { border: none; height: auto; max-width: 90%; } .site-main .gallery dd, .site-main .gallery figcaption { margin: 0; } .site-main .gallery-columns-4 .gallery-item { } .site-main .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- COMMON CSS --------------------------------------------------------------*/ body{ font-weight: 400; } body.boxed-layout{ width: 1200px; margin: 0 auto; position: relative; } .ak-container{ width:1170px; margin: 0 auto; } .roboto-light{ font-family: 'Roboto', sans-serif; font-weight: 300; text-align: center; text-transform: uppercase; } .roboto-light a{ color:#ffffff; } .roboto-light a:hover{ color:#ffffff; } /*-------------------------------------------------------------- Slider --------------------------------------------------------------*/ #slider-banner{ overflow: hidden; position: relative; } /*All the css of the banner slider is includes in css/jquery.bxslider.css */ #slider-banner .overlay{ background: url(images/overlay2.png) repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .multi-border{ display: none; } .multi-border { display: block; width: 100%; z-index: 20; } .multi-border > ul { list-style-type: none; margin: 0; } .multi-border li{ content: ""; float: left; height: 4px; width: 20%; } .multi-border li.dark-green{ background: none repeat scroll 0 0 #23a38f; } .multi-border li.yellow{ background: none repeat scroll 0 0 #b7c11e; } .multi-border li.cream{ background: none repeat scroll 0 0 #eff1c2; } .multi-border li.orange{ background: none repeat scroll 0 0 #f0563d; } .multi-border li.light-green{ background: none repeat scroll 0 0 #00a651; } .slider-caption{ background: none; } #slider-banner .scroll-down{ background:url(images/scroll-down.png) no-repeat; bottom: 57px; display: inline-block; left: 50%; height:22px; margin: 0 auto 0 -22px; position: absolute; text-indent: -9999px; width: 44px; z-index: 100; } /*-------------------------------------------------------------- HEADER --------------------------------------------------------------*/ header.site-header { box-shadow: 0 0 6px rgba(0,0,0,0.3); border-top: 5px solid #23a38f; background: #FFF; position: relative; } .menu-toggle{ display: none; } .site-branding.main-logo{ float: left; padding: 10px 0; } .logo-left .site-branding.main-logo img{ height: 67px !important; width: auto !important; } .logo-center .site-branding.main-logo{ float: none; text-align: center; } .main-logo h1 { font-family: 'Josefin Slab', serif; font-size: 30px; font-weight: 700; line-height: 1; text-transform: uppercase; margin: 10px 0 5px; } .main-logo .tagline{ color:#23a38f; font-size: 16px; line-height: 1; margin-bottom: 5px; } .header-wrap .main-navigation{ float:right; } .header-wrap.logo-center .main-navigation{ float: none; text-align: center; } .header-wrap .search-icon{ float: right; position: relative; } .header-wrap .search-icon { border-left: 1px solid #ececec; cursor: pointer; padding: 0 18px; } .logo-center.header-wrap .search-icon{ border: none; } .header-wrap .search-icon > .fa.fa-search { font-size: 20px; line-height: 87px; color: #666; } .logo-center.header-wrap .search-icon > .fa.fa-search{ line-height: 50px; } .header-wrap .ak-search{ background: none repeat scroll 0 0 #fff; display: none; padding: 20px; position: absolute; right: 0; top: 100%; z-index: 9999; box-shadow: 1px 2px 3px rgba(0,0,0,0.2); } .header-wrap .searchform .s { background: none; border:none; float: left; font-size: 13px; height: 32px; padding: 5px 10px; vertical-align: middle; width: 160px; } .header-wrap .searchform .searchsubmit { background: none; border:none; box-shadow: none; color: #ccc; float: right; font-size: 14px; height: 32px; padding: 0; width: 32px; } .header-wrap .searchform .searchsubmit .fa.fa-search{ color: #CCC; } .header-wrap .searchform{ border: 1px solid #ccc; height: 34px; width: 200px; } .header-wrap ul{ margin: 0; list-style:none; } #site-navigation .menu{ float: left; } .logo-center #site-navigation .menu{ display: inline-block; float: none; } #site-navigation ul li{ position: relative; } #site-navigation .menu > ul > li{ float: left; } #site-navigation .menu > ul > li > a{ border-left: 1px solid #ececec; color: #23a38f; display: inline-block; font-size: 16px; font-weight: 300; line-height: 86px; padding: 0 14px; text-transform: uppercase; } .logo-center #site-navigation .menu > ul > li > a{ line-height: 50px; } .logo-center #site-navigation .menu > ul > li > a{ border-left: none; } #site-navigation .menu > ul > li:hover > a:before, #site-navigation .menu > ul > li.current_page_item > a:before, #site-navigation .menu > ul > li.current-menu-item > a:before, #site-navigation .menu > ul > li.current_page_ancestor > a:before, #site-navigation .menu > ul > li.current-menu-ancestor > a:before{ background: #f0563d; content: ""; height: 5px; left: 0; position: absolute; top:-5px; width: 100%; } .logo-center #site-navigation .menu > ul > li:hover > a:before, .logo-center #site-navigation .menu > ul > li.current_page_item > a:before, .logo-center #site-navigation .menu > ul > li.current_page_ancestor > a:before, .logo-center #site-navigation .menu > ul > li.current-menu-ancestor > a:before{ display: none; } /*** SUB-MENU ****/ #site-navigation .menu ul ul{ background: none repeat scroll 0 0 #fff; border-bottom: 2px solid #23a38f; border-top: 2px solid #23a38f; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; left: 0; position: absolute; top: 100%; transition: all 0.3s ease-in-out 0s; z-index: 99999; } #site-navigation .menu li:hover > ul{ display: block; } #site-navigation .menu ul ul li { border-bottom: 2px solid #ddd; display: block; font-size: 16px; line-height: 20px; margin: 0 !important; text-align: left; } #site-navigation .menu ul ul li:last-child{ border-bottom: none; } #site-navigation .menu ul ul li a{ color: #666; display: block; font-weight: 300; min-width: 220px; padding:10px 15px; position: relative; } #site-navigation .menu ul ul li > a:hover:before, #site-navigation .menu ul ul li.current_page_item > a:before{ background: #f0563d; content: ""; height: 2px; left: 0; position: absolute; top:-2px; width: 100%; } #site-navigation .menu ul ul li > a:hover, #site-navigation .menu ul ul li.current_page_item > a{ color:#23a38f; } #site-navigation .menu ul ul ul{ top: -2px; left: 100%; } /*----------------------------- TOP-FOOTER -------------------------------*/ .hide{ display: none; } #top-footer{ background: #23a38f; color:#ffffff; font-size: 14px; font-weight: 300; padding: 30px 0; } #top-footer a{ color: #FFF; } #top-footer .footer { float: left; min-height: 280px; } #top-footer .footer .widget{ margin-bottom: 0; margin-right: 25px; padding-right: 25px; background: url(images/footer-bg.png) repeat-y scroll right top; } #top-footer .footer4 .widget{ margin-right: 0; background: none; padding-right: 0; } #top-footer .footer1, #top-footer .footer2, #top-footer .footer3, #top-footer .footer4{ width: 25%; } #top-footer .footer .widget-title{ color:#ffffff; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; margin-bottom: 20px; text-transform: capitalize; } #top-footer .textwidget ul{ margin: 0 } #top-footer .textwidget ul li{ line-height: 18px; list-style-type: none; margin-bottom: 15px; padding-left: 24px; position: relative; } #top-footer .textwidget ul li:before { content: "\f058 "; font-family: FontAwesome; left: 0; margin-right: 10px; position: absolute; top: 0px; } #top-footer .footer p{ margin-bottom: 10px; } #top-footer input, #top-footer textarea{ background: #116e60; border: none; border-radius: 0; color: #ffffff; height: 36px; padding: 10px; width: 100%; } #top-footer textarea{ height: 90px; resize: none; } #top-footer input[type="submit"]{ border: none; background: #116e60; height: 36px; text-transform: uppercase; width: auto; padding: 10px 20px; vertical-align: middle; } /*----------------------------- MIDDLE-FOOTER -------------------------------*/ footer #middle-footer{ background: #1c8776; color:#ffffff; font-size: 14px; font-weight: 300; padding: 8px 0; text-align: center; } .footer-menu ul{ list-style-type: none; margin:0; } .footer-menu ul li{ display: inline-block; } .footer-menu ul li a{ border-left: 1px solid #ffffff; color: #ffffff; margin-left: 8px; padding-left: 8px; line-height: 10px; display: block; } .footer-menu ul li:first-child a{ border-left: none; margin-left: 0px; padding-left:0px; } .footer-menu ul li .children{ display: none; } /*----------------------------- BOTTOM-FOOTER -------------------------------*/ footer #bottom-footer{ background: none repeat scroll 0 0 #2e313d; color: #ffffff; text-align: center; padding: 20px; font-size: 13px; } .footer-wrap a{ color:#ffffff; } .footer-wrap a:hover{ color:#23a38f; } .footer-logo a { margin-bottom: 5px; display: block; } .footer-socials { margin-top: 15px; } .footer-socials a{ display: inline-block; background: #1C8776; color: #FFF; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; font-size: 16px; margin: 0 2px; } .footer-socials a:hover{ background: #F0563D; } .tagcloud a{ font-size: 13px !important; background: rgba(0,0,0,0.4); padding: 8px 10px; margin: 0 2px 4px 0; display: inline-block; line-height: 1; } .sidebar .tagcloud a{ background: #23A38F; color: #FFF; } /*----------------------------- ABOUT-SECTION -------------------------------*/ #about-section { text-shadow: 1px 1px 1px #3c3535; background: url(images/about-bg.jpg) no-repeat scroll top center; background-size: cover; height: auto; padding: 85px 0 75px; text-align: center; } #about-section .main-title{ font-size: 48px; } #about-section .main-title a{ color:#ffffff; display: block; line-height: 1; margin-bottom: 21px; } #about-section .welcome-detail { color: #ffffff; font-size: 30px; font-weight: 300; line-height: 36px; } /*----------------------------- EVENTS-SECTION -------------------------------*/ .events-section{ background: #2e313d; padding: 50px 0; text-align: center; } .events-section .main-title{ color:#ffffff; font-size: 30px; line-height: 1; margin-bottom: 30px; } .events-section .event-list{ background: #ffffff; float: left; position: relative; width: 377px; } .events-section .event-list .event-thumbnail img { width: 100%; } .events-section .event-list .event-date { background: none repeat scroll 0 0 #f0563d; color: #ffffff; height: 90px; left: 24px; padding: 15px 0; position: absolute; text-align: center; top: 0; width: 55px; } .events-section .event-list .event-date-day { display: block; font-size: 26px; line-height: 30px; } .events-section .event-list .event-date-month{ display: block; font-size: 18px; line-height: 22px; text-transform: uppercase; } .events-section .event-list .event-detail{ color:#000000; font-size: 16px; font-weight: 300; line-height: 28px; padding: 20px 20px 18px; text-align: left; } .events-section .event-list .event-title{ margin-bottom: 6px; } .events-section .event-list .event-title a{ color:#f0563d; font-size: 24px; font-weight: 300; line-height: 28px; } .read-more-btn { background: none repeat scroll 0 0 #23a38f; color: #ffffff; display: block; font-size: 14px; font-weight: 300; height: 31px; line-height: 31px; margin-top: 22px; padding-left: 10px; position: relative; text-decoration: none; text-transform: uppercase; width: 128px; } .read-more-btn:hover{ background: none repeat scroll 0 0 #0f806e; color:#ffffff; } .read-more-btn:hover .read-icon-wrap{ background: none repeat scroll 0 0 #23a38f; } .read-more-btn .read-icon-wrap { background: none repeat scroll 0 0 #0f806e; height: 31px; position: absolute; right: 0; text-align: center; top: 0; width: 24px; } .events-section .view-all{ background: #23A38F; color: #ffffff; display: inline-block; font-size: 16.26px; font-weight: 300; height: 36px; line-height: 36px; margin-top: 62px; text-align: center; text-transform: uppercase; width: 150px; } .events-section .view-all:hover{ background: #0F806E; } .boxed-layout .bx-controls-direction{ display: none; } .events-section .bx-wrapper .bx-controls-direction a{ height: 44px; margin-top: -28px; outline: 0 none; position: absolute; text-indent: -9999px; top: 50%; transition: all 0.2s ease 0s; width: 22px; z-index: 9999 } .events-section .bx-wrapper .bx-prev { background: url(images/events-controls.png) no-repeat scroll 0 0; left: -50px; } .events-section .bx-wrapper .bx-prev:hover { background-position: 0 0; } .events-section .bx-wrapper .bx-next { background: url(images/events-controls.png) no-repeat scroll right 0; right: -50px; } .events-section .bx-wrapper .bx-next:hover { background-position: right 0; } .events-section .bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0 0 #ffffff; display: block; height: 11px; margin: 0 0 0 6px; outline: 0 none; text-indent: -9999px; transition: all 0.3s ease-in-out 0s; width: 11px; } .events-section .bx-wrapper .bx-pager.bx-default-pager a:hover, .events-section .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#f0563d; } /*----------------------------- CLIENTS-SAY -------------------------------*/ .clients-say-section{ padding: 40px 0 80px; text-align: center; background: #FFF; } .clients-say-section .main-title{ color: #2e313d; font-size: 30px; margin-bottom: 40px; } .clients-say-section .testimonial-slider-wrap .bx-wrapper .bx-pager { bottom: -60px; right: auto; text-align: center; width: 100%; } .clients-say-section .bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0 0 #23a38f; display: block; height: 15px; margin: 0 4px; outline: 0 none; text-indent: -9999px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; width: 15px; } .clients-say-section .testimonial-wrap { margin: 0 auto; width: 970px; } .clients-say-section .testimonial-slide{ color: #111111; font-size: 24px; font-weight: 300; line-height: 33px; width: 100% !important; } .clients-say-section .testimonial-thumbnail { border-radius: 90px; height: 103px; margin: 0 auto 29px; overflow: hidden; width: 103px; } .clients-say-section .testimoinal-client-name{ margin-top: 20px; font-weight: 400; } .clients-say-section .bx-wrapper{ padding-bottom: 20px; } .clients-say-section .bx-wrapper .bx-pager.bx-default-pager a.active, .clients-say-section .bx-wrapper .bx-pager.bx-default-pager a:hover{ background: #F0563D; } .clients-say-section .bx-wrapper .bx-controls-direction a { background: url(images/testimonila-controls.png) no-repeat scroll 0 0; height: 29px; margin-top: 0; outline: 0 none; position: absolute; text-indent: -9999px; top: 33px; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; width: 15px; z-index: 9999; } .clients-say-section .bx-wrapper .bx-controls-direction a.bx-prev{ left: 360px; } .clients-say-section .bx-wrapper .bx-controls-direction a.bx-next{ background-position: -17px 0; right: 360px; } /*----------------------------- BUSINESS-ACTIVITIES -------------------------------*/ .business-section{ background: none repeat scroll 0 0 #ebebeb; padding: 45px 0; } .business-section .widget-title{ color: #111111; font-size: 24px; margin-bottom: 10px; font-weight: 300; font-family: "Roboto",sans-serif; } .business-activities-wrapper{ margin-left: -20px; } .business-section .business-wrapper{ background: #ffffff; color: #111111; font-size: 16px; font-weight: 400; line-height: 29.81px; float: left; margin-left: 20px; padding: 14px; position: relative; width: 376px; } .business-section .business-wrapper:last-child{ margin-right: 0; } .business-section .business-image img{ float: left; } .business-section .business-content{ clear: both; margin-top: 14px; } .business-section .widget, .business-section .gallery{ margin-bottom: 0; } /*----------------------------- FEATURED-POST -------------------------------*/ .featured-section{ padding: 45px 0 60px; background: #FFF; } .featured-section .main-title{ color:#23a38f; font-size: 32px; } .featured-section .sub-desc { color: #000000; display: block; font-size: 16px; line-height: 25px; margin-bottom: 50px; text-align: center; } .featured-section .featured-post-wrapper{ margin-left: -20px; } .featured-section .featured-post { background: none repeat scroll 0 0 #23a38f; color: #ffffff; float: left; font-size: 14px; font-weight: 300; line-height: 22px; margin-left: 20px; width: 277px; } .featured-section .featured-content { padding: 15px 20px 15px; } .featured-post .featured-icon{ background:#147D6D; margin: 0; text-align: center; font-size: 60px; line-height:180px; } .featured-post .view-more { color: #ffffff; font-size: 13px; font-weight: 300; } .featured-post .view-more:hover{ margin-left: 5px; } .featured-post h2.featured-title { line-height: 24px; } .featured-post h2.featured-title a{ color: #ffffff; font-size: 20px; font-weight: 500; } /*----------------------------- CONTACT-GOOGLE-MAP -------------------------------*/ #google-map{ position: relative; } .google-section-wrap{ left: 50%; margin-left:-585px; position: absolute; top: 0; } #google-map iframe{ width:100%; vertical-align: middle; } .googlemaps br, .googlemaps small{ display: none; } #google-map .ak-contact-address { background: rgba(255,255,255,0.8); float: right; margin-top: 60px; padding: 30px 25px 40px; width: 380px; z-index: 10; } #google-map .ak-contact-address > h3 { border-bottom: 1px solid #2e313d; color: #2e313d; font-size: 30px; font-weight: 300; line-height: 43px; margin-bottom: 19px; text-transform: uppercase; } #google-map .ak-contact-address .socials { margin-top: 40px; } #google-map .ak-contact-address .socials a { border-radius: 90px; color: #ffffff; display: inline-block; font-size: 18px; height: 34px; line-height: 34px; margin-right: 3px; margin-bottom: 5px; text-align: center; width: 34px; } .ak-contact-address .socials a.facebook { background: none repeat scroll 0 0 #283890; } .ak-contact-address .socials a.twitter{ background: none repeat scroll 0 0 #29A7E1; } .ak-contact-address .socials a.gplus { background: none repeat scroll 0 0 #D34231; } .ak-contact-address .socials a.youtube{ background: none repeat scroll 0 0 #B61F24; } .ak-contact-address .socials a.pinterest { background: none repeat scroll 0 0 #D73532; } .ak-contact-address .socials a.linkedin { background: none repeat scroll 0 0 #0F78A8; } .ak-contact-address .socials a.flickr{ background: none repeat scroll 0 0 #FF0084; } .ak-contact-address .socials a.vimeo { background: none repeat scroll 0 0 #23B6EA; } .ak-contact-address .socials a.stumbleupon{ background: none repeat scroll 0 0 #F14E23; } .ak-contact-address .socials a.instagram { background: none repeat scroll 0 0 #517FA3; } .ak-contact-address .socials a.sound-cloud { background: none repeat scroll 0 0 #FE6A22; } .ak-contact-address .socials a.skype { background: none repeat scroll 0 0 #3FBFEE; } .ak-contact-address .socials a.rss { background: none repeat scroll 0 0 #FAA21C; } /*----------------------------- INNER-PAGES -------------------------------*/ #content { padding: 30px 0; background: #FFF; } #primary{ float: left; width: 68%; } .sidebar { float: right; width: 29%; } /*----------------------------- RIGHT-SIDEBAR -------------------------------*/ .sidebar aside { margin-bottom: 30px; } .sidebar h1.widget-title { background: none repeat scroll 0 0 #f1f2f3; border-left: 5px solid #01aefd; font-size: 22px; line-height: 24px; padding: 10px 15px; text-transform: uppercase; } .sidebar .event-list { border-bottom: 1px solid #f2f2f2; margin-bottom: 15px; padding-bottom: 15px; } .sidebar .event-list .event-thumbnail { float: left; position: relative; width: 30%; } .sidebar .event-list .event-thumbnail img { display: block; } .sidebar .event-list .event-detail { float: right; width: 65%; } .sidebar .event-list .event-detail a{ color:#23a38f; } .sidebar .event-thumbnail .event-date { font-size: 13px; padding: 5px 0; width: 50px; } .sidebar .event-thumbnail .event-date { background: none repeat scroll 0 0 #23a38f; color: #fff; font-weight: 600; left: 0; line-height: 1; padding: 10px 0; position: absolute; text-align: center; top: 0; width: 60px; } .sidebar .event-date .event-date-day { display: block; margin-bottom: 3px; } .sidebar .event-date .event-date-month { display: block; font-weight: 400; } .sidebar .widget-title { background:#23A38F; color: #FFF; padding:8px 10px; line-height: 1.2; font-size: 20px; position: relative; } .sidebar .widget-title:after{ content: ""; position: absolute; right: 0; bottom: 0; border-width:10px; border-style: solid; border-color:transparent #1C8776 #1C8776 transparent; } /*----------------------------- LEFT-SIDEBAR -------------------------------*/ .left-sidebar #primary { float: right; width: 68%; } .left-sidebar.sidebar { float: left; width: 29%; } /*** SEARCH-ASIDE ***/ .sidebar .widget_search .searchsubmit { background: none repeat scroll 0 0 #23a38f; border: medium none; height: 36px; width: 12%; } .sidebar .widget_search input[type="text"]{ width: 87%; float: left; } .sidebar .widget_search input[type="text"]:focus, .sidebar .widget_search input[type="text"]:active{ border:1px solid #23a38f; } .sidebar ul { list-style: none outside none; margin: 0; padding: 0; } .sidebar ul li { background: url(images/sidebar-li.png) no-repeat scroll left center; border-bottom: 1px solid #f2f2f2; padding: 5px 0 5px 16px; } .sidebar ul li:last-child{ border-bottom: none; } .sidebar ul li a { color: #666; font-weight: 300; } .sidebar ul li a:hover{ color: #23a38f; } /*----------------------------- BOTH-SIDEBAR -------------------------------*/ .both-sidebar #primary-wrap{ float: left; width: 76%; } .both-sidebar #primary-wrap #primary { float: right; width: 70%; } .both-sidebar #primary-wrap .left-sidebar.sidebar { float: left; width: 28%; } .both-sidebar .right-sidebar{ float: right; width: 22%; } .both-sidebar .sidebar .widget_search input[type="text"] { width: 83%; } .both-sidebar .sidebar .widget_search .searchsubmit{ width: 15%; } /*----------------------------- BOTH-SIDEBAR -------------------------------*/ .no-sidebar #primary{ width: 100%; float: none; } /*----------------------------- INNER-PAGES-TESTIMONIALS -------------------------------*/ .cat-testimonial-list{ margin-bottom: 30px; width:48%; float: left; margin-right: 4%; } .cat-testimonial-list:nth-child(odd){ margin-right: 0; } .cat-testimonial-list .cat-testimonial-excerpt{ position: relative; } .cat-testimonial-list h1.entry-title { color: #23a38f; font-size: 19px; font-style: italic; font-weight: 400; } .cat-testimonial-image { margin-bottom: 10px; } .cat-testimonial-image img{ width: 100%; } /*----------------------------- INNER-PAGES-PORTFOLIO -------------------------------*/ .cat-portfolio-list{ float: left; position: relative; width: 50%; } .cat-portfolio-list .portofolio-layout{ background: rgba(0, 0, 0, 0.5); height: 100%; left: 0; opacity: 1; position: absolute; padding-top: 42%; text-align: center; top:0; width: 100%; } .cat-portfolio-list .portofolio-layout:hover{ background: rgba(0, 0, 0, 0.75); } .cat-portfolio-list .portofolio-layout:before, .cat-portfolio-list .portofolio-layout:after { bottom: 30px; content: ""; left: 30px; opacity: 1; position: absolute; right: 30px; top: 30px; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; } .cat-portfolio-list .portofolio-layout:hover:before { border-bottom: 1px solid #fff; border-top: 1px solid #fff; -ms-transform: scale(0, 1); -webkit-transform: scale(0, 1); transform: scale(0, 1); } .cat-portfolio-list .portofolio-layout:hover:after{ border-left: 1px solid #fff; border-right: 1px solid #fff; -ms-transform: scale(1, 0); -webkit-transform: scale(1, 0); transform: scale(1, 0); } .cat-portfolio-list .portofolio-layout h1{ color: #ffffff; border: medium none; font-size: 20px; font-weight: bold; margin: 0 0 10px; padding: 0; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .cat-portfolio-list .portofolio-layout .cat-portfolio-excerpt{ color: #ffffff; border: medium none; font-size: 17px; font-style: italic; font-weight: 300; margin: 0; padding: 0; padding: 0 40px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .cat-portfolio-list .portofolio-layout:hover h1{ -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } .cat-portfolio-list .portofolio-layout:hover .cat-portfolio-excerpt{ -ms-transform: translateY(-25px); -webkit-transform: translateY(-25px); transform: translateY(-25px); } /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 0.5%; } .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 { display: block; } /*-------------------------------------------------------------- 404 Page --------------------------------------------------------------*/ .error-404{ background:url(images/404.png) no-repeat; height: 373px; width: 302px; margin: 0 auto; position: relative; } .error-404 .breeze-404{ font-size: 60px; position: absolute; left: 80px; top:180px; line-height: 1; } .error-404 .breeze-error{ font-size: 16px; position: absolute; left: 215px; top:308px; line-height: 1; } .not-found .page-content{ text-align: center; font-size: 20px; }