/* Theme Name: zplus Description: A truly unique and multipurpose theme with advanced features. Its 50 plus elements and powerful theme panel allows user to create any kind of site. More features - parallax background, gradient background, custom elements, multiple unique headers, packery, masonry and grid blogs and portfolio, 9000 plus icons, revolution slider, multiple footer styles and many more. Author: ZOLO Themes Theme URI: http://zplustheme.com/ Author URI: http://zplustheme.com/ Version: 1.1.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: zplus */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { width: 100%; height: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } address { font-style: italic; margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } big { font-size:150%; } code { background-color: #d1d1d1; padding: 0.125em 0.25em; } del { color: #333; } ins {padding: 0.125em 0.25em; text-decoration: none; } mark { background: #ff0; padding: 0.125em 0.25em; color: #000; } code, kbd, tt, var, samp, pre { font-family: Inconsolata,monospace; } pre { background: #fafcfd; border:1px solid #e2e5e7; color: #666; margin: 20px 0; overflow: auto; padding: 20px; } blockquote, q { quotes: none; } blockquote{font-size: 18px; line-height:1.5; background:#f8f9fa;font-style: italic; margin:12px 0;padding:10px 15px 10px 25px;border-left:4px solid #333;} blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; font-style: normal; display:block; font-weight:700; } blockquote cite:before, blockquote small:before{content: "— ";} blockquote em, blockquote i { font-style: normal; font-weight: 200; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } ol, ul { margin: 10px 0; padding: 0 0 0 20px; } ul { list-style-type: disc; } nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #eee; margin: 0px; padding: 7px 15px 15px 15px; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } #bbp-search-form, .search-form { position: relative; } #bbp-search-form:after, .search-form:after { width: 40px; height: 38px; line-height: 38px; content: "\f002"; position: absolute; top: 0; right: 0; font-family: FontAwesome; text-align: center; } #bbp-search-form #bbp_search, input[type="search"] { -webkit-appearance: textfield; padding: 7px 45px 7px 12px; height: 36px; width: 100%; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } caption { font-size: 16px; margin: 20px 0; } th { font-weight: bold; border:1px solid #ededed; text-transform: uppercase; } td { border: 1px solid #ededed; } th,td{border-width:0 1px 1px 0;padding:6px 10px 6px 10px;} .comments-area { clear: both; } /* Clearing floats */ .clear:after, .attachment .entry-header:after, .site-footer .widget-area:after, .entry-content:after, .page-content:after, .navigation:after, .nav-links:after, .gallery:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .comment-body:after { clear: both; } .clear:before, .clear:after, .attachment .entry-header:before, .attachment .entry-header:after, .site-footer .widget-area:before, .site-footer .widget-area:after, .entry-content:before, .entry-content:after, .page-content:before, .page-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .gallery:before, .gallery:after, .comment-form-author:before, .comment-form-author:after, .comment-form-email:before, .comment-form-email:after, .comment-form-url:before, .comment-form-url:after, .comment-body:before, .comment-body:after { content: ""; display: table; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .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; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Form fields, general styles first. */ input, textarea { border: 1px solid #ddd; background: #fff; resize: none; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { background: none repeat scroll 0 0 #f9f9f9; border-radius: 4px; height: 36px; width: 100%; } input, textarea { color: #141412; } input:focus, textarea:focus { border: 1px solid #eee; outline: 0; } /* Buttons */ button, input[type="submit"], input[type="button"], input[type="reset"] { border-radius: 2px; border: 0; color: #fff; display: inline-block; padding: 9px 18px 10px; text-decoration: none; } .post-password-required input[type="submit"] { padding: 7px 24px 4px; vertical-align: bottom; } .post-password-required input[type="submit"]:active { padding: 5px 24px 6px; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { opacity:0.5; } :-moz-placeholder { opacity:0.5; } ::-moz-placeholder { opacity:0.5; } :-ms-input-placeholder { opacity:0.5; } /* * Responsive images * * Fluid images for posts, comments, and widgets */ .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } /* Make sure images with WordPress-added height and width attributes are scaled correctly. */ .entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } /* Make sure videos and embeds fit their containers. */ embed, iframe, object, video { /*max-width: 100%;*/ /*effect on home page video bg */ } /* Override the Twitter embed fixed width. */ .entry-content .twitter-tweet-rendered { max-width: 100% !important; } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } figure.wp-caption.alignleft, img.alignleft { margin: 10px 25px 10px 0; } figure.wp-caption.alignright, img.alignright { margin: 10px 0 10px 25px; } figure.wp-caption.aligncenter{ margin:10px 0px 10px 0px;} img.aligncenter { margin: 10px auto; } figure.wp-caption.alignnone{margin:10px 0px 10px 0px;} img.alignnone { margin: 10px 0; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-size: 18px; font-style: italic; font-weight: 200;padding:8px 15px 10px 15px; text-align:center; background:#f8f9fa; } div.wp-caption.alignright img[class*="wp-image-"] { float: right; } div.wp-caption.alignright .wp-caption-text { padding-left: 10px; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; } /** * 5.2 Entry Meta * ---------------------------------------------------------------------------- */ .entry-meta { clear: both; } .single-author .entry-meta .author, .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date { display: none; } /** * 5.3 Entry Content * ---------------------------------------------------------------------------- */ .entry-content { width:100%; float: left; } /* Mediaelements */ .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #220e10; } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .hentry .mejs-controls .mejs-time-rail .mejs-time-current { background: #ea9629; } .hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #595959; } .hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } /** * 5.4 Galleries * ---------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 5.6 Attachments * ---------------------------------------------------------------------------- */ .attachment .hentry { margin: 0; padding: 0; } .attachment .entry-header { margin-bottom: 0; padding: 30px 0; } .attachment .entry-title { display: inline-block; float: left; font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif; margin: 0; } .attachment .entry-meta { clear: none; color: inherit; float: right; max-width: 604px; padding: 9px 0 0; text-align: right; } .hentry.attachment:not(.image-attachment) .entry-meta { max-width: 104px; } .attachment footer.entry-meta { display: none; } .full-size-link:before { content: none; } .attachment .entry-content { max-width: 100%; padding: 40px 0; } .image-navigation { margin: 0 auto; position: relative; } .image-navigation a:hover { text-decoration: none; } .image-navigation .nav-previous, .image-navigation .nav-next { top: 50px; } .image-navigation .nav-previous { left: 0; } .image-navigation .nav-next { right: 0; } .image-navigation .meta-nav { font-size: 32px; font-weight: 200; vertical-align: -4px; } .attachment .entry-attachment, .attachment .type-attachment p { margin: 0 auto; max-width: 724px; text-align: center; } .attachment .entry-attachment .attachment { display: inline-block; } .attachment .entry-caption { text-align: left; } .attachment .entry-description { margin: 20px auto 0; max-width: 604px; } .attachment .entry-caption p:last-child, .attachment .entry-description p:last-child { margin: 0; } .attachment .entry-content .mejs-audio { max-width: 400px; margin: 0 auto; } .attachment .entry-content .wp-video { margin: 0 auto; } .attachment .entry-content .mejs-container { margin-bottom: 24px; } /** * 5.7 Post/Paging Navigation * ---------------------------------------------------------------------------- */ .navigation .nav-previous { float: left; } .navigation .nav-next { float: right; } .paging-navigation .nav-next a, .navigation .nav-previous a { color: #fff;display: inline-block; padding: 9px 15px; -moz-border-radius: 2px; -ms-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .paging-navigation { width: 100%; float: left; padding: 40px 20px; } .paging-navigation .nav-links { float: left; width: 100%; } .sidebar .paging-navigation .nav-links { padding: 0; } .paging-navigation .meta-nav { display: inline-block; padding: 0; } .paging-navigation .nav-previous .meta-nav { margin-right: 2px; } .paging-navigation .nav-next .meta-nav { margin-left: 2px; } .post-navigation { width: 100%; float: left; padding: 20px 0; } .post-navigation .nav-links { width: 100%; float: left; margin: 0 auto; padding: 10px 0; } .sidebar .post-navigation .nav-links { padding: 0 376px 0 60px; } .post-navigation a[rel="next"] { float: right; text-align: right; } .post-navigation a[rel="next"] .post-meta-nav{ float:right!important;} .term-description, .post_category_des { width: 100%; float: left; padding-bottom: 25px; } /** * 5.8 Author Bio * ---------------------------------------------------------------------------- */ .author-description{ width:100%; float:left; position:relative; padding-left:120px; min-height:74px;} .author-description .author-avatar{ position:absolute; left:0; top:5px;} .author-description .author-avatar img{width:74px; height:74px; margin:0;} .author-info { float: left; width: 100%; padding-bottom:30px; border-bottom:1px solid rgba(0,0,0,0.06); margin-bottom:60px; } .author-info h2{ padding:0 0 10px;} .single .author-info { padding: 0px 0 0; } .author-avatar .avatar { float: left; margin: 0 20px 20px 0; } .author_designation{ font-size:14px; line-height:18px; padding-left:5xp; margin-left:16px; background:#eee; display:inline-block; padding:2px 5px;} .author-info ul.zolo-author-social{ margin:0; padding:10px 0 0; list-style:none;} .author-info ul.zolo-author-social li{ float:left;} .author-info ul.zolo-author-social li a{ width:36px; padding:5px; float:left; line-height:24px; font-size:15px;text-align:center; color:#fff;} .author-info ul.zolo-author-social li.facebook a{background:#37589b;} .author-info ul.zolo-author-social li.google-plus a{background:#de5a49;} .author-info ul.zolo-author-social li.instagram a{background:#3897f0;} .author-info ul.zolo-author-social li.linkedin a{background:#419cca;} .author-info ul.zolo-author-social li.pinterest a{background:#cb2027;} .author-info ul.zolo-author-social li.twitter a{background:#46d4fe;} .author-info ul.zolo-author-social li.youtube-play a{background:#dd4646;} .author-info ul.zolo-author-social li.vk a{background:#4c75a3;} .author-info ul.zolo-author-social li.user-mail a{background:#6cddff;} .author-info ul.zolo-author-social li a:hover { box-shadow: 0 16px 10px -10px rgba(0, 0, 0, 0.3) inset; } /** * 5.11 404 * ---------------------------------------------------------------------------- */ header.page-header { float: none; } .error404 .page-header { background-color: #fff; } .error404 .page-title { line-height: 0.6; margin: 0; position: relative; text-align: center; width: auto; } .title404 { font-size: 220px !important; text-align: center !important; line-height: normal !important; padding: 30px 0 50px !important; } .error404 .page-wrapper { width: 100%; float: left; } .error404 .page-header, .error404 .page-content { margin: 0 auto; padding-bottom: 40px; width: 100%; } .error404 .page-content { text-align:center; margin:0 auto; width:100%; max-width:600px;} /** * 5.12 Comments * ---------------------------------------------------------------------------- */ .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment-list .children { margin-left: 20px; } .comment-body { padding: 15px; position: relative; background: f8f8f8; border: 1px solid #eee; margin-bottom: 15px; } .comments-area ol.comment-list li { width: 100%; float: left; } .comment-author { float: left; max-width: 74px; } .comment-author .avatar { display: block; margin-bottom: 10px; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { font-size: 14px; font-style: normal; font-weight: 200; } .says { display: none; } .no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative; } .no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { width: 100%; } .bypostauthor > .comment-body .fn:before { content: "\f007";font-family: "FontAwesome";line-height: normal;margin-right: 6px; vertical-align: text-top; } .comment-list .edit-link { margin-left: 20px; } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { float: right; width: 79%; width: -webkit-calc(100% - 100px); width: calc(100% - 100px); } .comment-meta, .comment-meta a { font-size: 13px; } .comment-metadata { margin-bottom: 20px; } .ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2; } .comment-awaiting-moderation { color: #a2a2a2; } .comment-reply-link:before, .comment-reply-login:before { font-family: 'FontAwesome'; content: "\f112"; margin-right: 3px; } /* Comment form */ .comment-respond{ padding:30px 0; width:100%; float:left; } .comment .comment-respond { margin-bottom: 20px; padding: 20px; } .comment-reply-title{ padding-top:0;} .comment-reply-title small a { color: #131310; display: inline-block; float: right; height: 20px; overflow: hidden; width: 16px; } .comment-reply-title small a:hover { color: #ed331c; text-decoration: none; } .comment-reply-title small a:before { font-family: 'FontAwesome'; content: "\f00d"; vertical-align: top; } .sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form { padding: 0; } .comment-form .comment-notes { margin-bottom: 15px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { width: 32%; float: left; margin-bottom: 8px; } .comment-form .comment-form-author, .comment-form .comment-form-email { margin-right: 2%; } .comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] { float: left; padding: 5px 0; width: 120px; } .comment-form .required { color: #ed331c; } .comment-form textarea { width: 100%; background: #f9f9f9; } .form-allowed-tags, .form-allowed-tags code { color: #686758; font-size: 12px; } .form-allowed-tags code { font-size: 10px; margin-left: 3px; } .comment-list .pingback, .comment-list .trackback { padding-top: 24px; } .comment-navigation { font-size: 20px; font-style: italic; font-weight: 200; margin: 0 auto; max-width: 604px; padding: 20px 0 30px; width: 100%; } .no-comments { background-color: #f8f8f8; font-size: 20px; font-style: italic; font-weight: 200; margin: 0; padding: 40px 0; text-align: center; clear:both; } /** * 6.1 Widgets * ---------------------------------------------------------------------------- */ .widget { width: 100%; display: inline-block; margin: 0 0 50px; } .footer .widget{ float: left;} .widget ul, .widget ol { list-style-type: none; margin: 0; padding: 0; } .widget .tagcloud a { padding:4px 8px 5px 8px;display: inline-block; border: 1px solid #eee;margin:0 7px 7px 0;line-height: normal; } .widget li { border-bottom: 1px solid #eee; display: block; padding: 9px 0; } .widget.widget_pages li, .widget.widget_nav_menu li { border: 0; display: block; padding: 0; } .vertical_widget_area .widget.widget_nav_menu li a, .widget.widget_pages li a, .widget.widget_nav_menu li a { border-bottom: 1px solid #eee; display: block; float:none; padding: 9px 0; } .widget .children li:last-child { padding-bottom: 0; } .widget li > ul, .widget li > ol { padding-left: 20px; } .widget .zolo-megamenu-wrapper .zolo-megamenu-holder, .widget ul.sub-menu, .widget .zolo-navigation ul li ul li a { background: none; } .widget .zolo-navigation ul li ul, .widget ul.sub-menu { width: 100%; } /* Search widget */ #bbp-search-form #bbp_search_submit, .search-form .search-submit { text-align: center; display: inline-block; font-size: 0; height: 38px; width: 40px; position: absolute; top: 0; right: 0; z-index: 2; background: none; padding: 0; border: 0; } .search-form .search-submit:hover, .search-form .search-submit:focus { background: none; padding: 0; border: 0; } /* RSS Widget */ .widget_rss .rss-date { display: block; } .widget_rss .rss-date, .widget_rss li > cite { color: #a2a2a2; } /* Calendar Widget */ .widget_calendar table, .widget_calendar td { border-collapse: separate; } .widget_calendar table{ margin-bottom:0;border-bottom:0;border-right:0;} .widget_calendar caption{ font-size: 14px; color:#fff; margin: 0; padding:0 8px; border:1px solid #ededed;border-bottom:0; } .widget_calendar tbody td#today, .widget_calendar a:hover, .widget_calendar th{ color:#fff;} .widget_calendar th, .widget_calendar td { padding: 0; text-align: center; } .widget_calendar a { display: block; } .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad { background-color: transparent; } /** * 8.0 Media Queries * ---------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } span.wpcf7-form-control-wrap { width: 100%; } @media (max-width: 767px) { .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { width: 100%; margin-right: 0; } } @media (max-width: 480px) { .title404 { font-size: 120px !important; text-align: center !important; color: #F00 !important; line-height: normal !important; padding: 20px 0 50px !important; } } /** * 9.0 Print * ---------------------------------------------------------------------------- */ @media print { body { background: none !important; color: #000; font-size: 10pt; } footer a[rel="bookmark"]:link:after, footer a[rel="bookmark"]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } .site { max-width: 98%; } .site-header { background-image: none !important; } .site-header .home-link { max-width: none; min-height: 0; } .site-title { color: #000; font-size: 21pt; } .site-description { font-size: 10pt; } .author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link { display: none; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0; width: 100%; } .page-title, .entry-title { font-size: 21pt; } .entry-meta, .entry-meta a { color: #444; font-size: 10pt; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .format-image .entry-content .size-full { margin: 0; } /* Remove colors from post formats */ .hentry { background-color: #fff; } /* Comments */ .comments-area > li.comment { background: none; position: relative; width: auto; } .comment-metadata { float: none; } .comment-author .fn, .comment-reply-link, .comment-reply-login { color: #333; } } /********************bbpress CSS Start********************/ #bbpress-forums li.bbp-header { background: #f3f3f3; color: #333; font-size: 14px; padding: 13px 20px; } #bbpress-forums li { font-size: 14px; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 13px; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { background: #fff; border-bottom: 1px solid #f8f8f8; padding-left: 20px; padding-right: 20px; padding-top:16px; padding-bottom:16px; } li.bbp-body .bbp-forum-title{float: left;width: 100%;margin-bottom: 6px;} #bbpress-forums div.wp-editor-container{ border:1px solid #ddd;} #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: 1px solid #f3f3f3; border-top: none; } #bbpress-forums fieldset.bbp-form { border: 1px solid #f3f3f3; background: none; } body #bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption p.wp-caption-text { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: inherit; font-size: 14px; font-style: normal; font-weight: inherit; line-height: 1.3em; margin: 5px 0 !important; padding: 0; text-align: left; } #bbpress-forums .bbp-attachments-count{margin-right: 9px;margin-top: 4px;} #bbpress-forums div.odd, #bbpress-forums ul.odd{ background:#fff !important;} #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header{ background:#f7f7f7!important;} #bbpress-forums { font-size: 13px; } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author{ padding:26px 0 10px;} #bbpress-forums fieldset.bbp-form legend { font-size: 18px; color: #fff; } #bbpress-forums fieldset.bbp-form select { width: 60%; height: 34px; padding: 5px 5px; } .bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink, span.bbp-admin-links a { color: #484848; } .bbp-author-avatar { width: 80px; height: 80px; display: inline-block; overflow: hidden; display: none; } .bbp-author-avatar img { width: 100%; } .bbp-reply-author .bbp-author-avatar { width: 80px; height: 80px; display: inline-block; overflow: hidden; } #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar { margin: 0 !important; } #bbpress-forums .status-closed a { color: #2293E4 !important; } #bbp-single-user-details { background: #fff; border: 1px solid #f3f3f3; padding: 1.5% 2%; width: 28%!important; } #bbpress-forums #bbp-user-body { background: #fff; border: 1px solid #f3f3f3; padding: 1.5% 2%; width: 69% !important; margin: 0; float: right; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { color: #747575; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation a:hover { color: #2293E4; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a { color: #2293E4; background:#fafafa !important; } #bbp-your-profile .form-table th, #bbp-your-profile .form-table td { padding: 5px 8px; } #bbps-topic-assign select#bbps_support_options { width: 150px; padding: 9px; height: 36px; border: 1px solid #BEBDBD; } #bbps-topic-assign { float: right; } .bbp-topic-tags { margin-right: 15px; } .bbp-reply-content a img { display: none; } #bbpress-forums #bbp-user-wrapper h2.entry-title { font-weight: bold; font-size: 18px; color: #333; } .edd_users_purchases h4 { font-weight: bold; color: #333; font-size: 18px; } #bbpress-forums li.bbp-header #subscription-toggle { margin: 0 !important; } #bbpress-forums fieldset.bbp-form legend { padding: 5px 10px !important; } .favorite-toggle, a.subscription-toggle, .subscription-toggle { border: 0!important; color: ##333!important; border-radius: 3px!important; cursor: pointer; -webkit-appearance: button; font-size: 14px!important; padding: 7px 15px!important; margin-left: 12px!important; } #subscription-toggle {margin-top: 8px;display: inline-block;} .tab-content img {width: 100%;} #bbpress-forums div.bbp-breadcrumb, div.bbp-topic-tags, #bbpress-forums .bbp-pagination-count {font-size: 16px;} #bbpress-forums #bbp-single-user-details #bbp-user-avatar, #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar { max-width: 100%; height:auto !important;} .widget dl {margin: 0;} .widget dt {margin-right: 5px;float: left;} .bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input {width: 100%;} #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta{ display:inline; font-size:10px; margin-left:6px;} .super-sticky .bbp-topic-title, .sticky .bbp-topic-title{position:relative;padding-left:35px; } .super-sticky .bbp-topic-title:after, .sticky .bbp-topic-title:after{ background: url(images/forum-icons.png) no-repeat left -66px;float: left; width:22px; height:22px; content:""; position:absolute; top:3px; left:0;} .sticky .bbp-topic-title .topic-resolved, .sticky .bbp-topic-title .topic-not-resolved, .sticky .bbp-topic-title .topic-working-on-it, .super-sticky .bbp-topic-title .topic-resolved, .super-sticky .bbp-topic-title .topic-not-resolved, .super-sticky .bbp-topic-title .topic-working-on-it{ display:none;} .topic-resolved{background: url(images/forum-icons.png) no-repeat top left;float: left; width:22px; height:22px; font-size:0; margin-right:13px;margin-top:2px;} .topic-not-resolved{background: url(images/forum-icons.png) no-repeat left -44px;float: left; width:22px; height:22px; font-size:0; margin-top:2px;margin-right:13px;} .topic-working-on-it{background: url(images/forum-icons.png) no-repeat left -22px;float: left; width:22px; height:22px; font-size:0; margin-top:2px;margin-right:13px;} .pagetitle_parallax .topic-resolved, .pagetitle_parallax .topic-not-resolved, .pagetitle_parallax .topic-working-on-it{display:none !important;} body #bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p{ padding-top:0;} .bbp-pagination-links a, .bbp-pagination-links span.current{ float:none !important; display:inline !important;padding: 3px 10px !important;} /********************bbpress CSS End********************/ /******************** Custom widget CSS Start ********************/ .sidebar_widget_style_box .sidebar .widget{ padding:25px;} .sidebar .widget h3.widget-title{ padding:0;} .sidebar .widget h3.widget-title span{ display:inline-block;} .tagcloud{ padding-top:9px;} /*About Me Widget Start*/ .zolo-about-me img.zolo-about-me-banner{width: 100%;} .zolo-about-me .zolo-about-me-header img.zolo-about-me-avatar{float: left;margin-right: 15px;margin-top: -60px;max-width: 50%;border: 3px solid #fff;position: relative;} .zolo-about-me.avtar-style-circle .zolo-about-me-header img.zolo-about-me-avatar{-moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .zolo-about-me .zolo-about-me-header .zolo-about-me-name{ clear: none;float: left;font-size:16px;font-weight:bold;margin: 15px 0;text-transform: uppercase;} .zolo-about-me .zolo-about-me-text{ clear:both;padding: 15px 0 0;} .zolo-about-me.style-simple{ text-align:center;} .zolo-about-me.style-simple img.zolo-about-me-banner{ margin:0 0 18px; float:none;} .zolo-about-me.style-simple .zolo-about-me-header img.zolo-about-me-avatar{ margin:12px 0; float:none;} .zolo-about-me.style-simple .zolo-about-me-header .zolo-about-me-name{ float:none;padding:0; margin:12px 0 10px;} .zolo-signature-box{ width:100%; float:left; text-align:center;} .zolo-about-me img.zolo-about-me-signature{ margin-top:30px;} .zolo-about-me ul.zolo-about-me-social{ padding:0; margin:30px 0 0;text-align: center; display:table; width:100%;table-layout: fixed; } .zolo-about-me ul.zolo-about-me-social li{ padding:0; border:0; width:auto; display:inline-block; float:none;} .zolo-about-me ul.zolo-about-me-social li a{font-size:14px;height:40px;line-height:40px; width:40px; text-align:center; border:1px solid #CCC;margin:3px 3px; display:inline-block; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; } .zolo-about-me ul.zolo-about-me-social.style-none li a{ border:0; background:none; width:22px; line-height:22px; height:22px;} /*About me Social Style Modern Start*/ .zolo-about-me ul.zolo-about-me-social.style-modern li{ float:none;padding:0; border:0; width:auto; display:table-cell;} .zolo-about-me ul.zolo-about-me-social.style-modern li a{ width:100%;height:38px; line-height:38px;font-size: 14px; display:block; float: none; padding:0; margin:0; border:0;} .zolo-about-me ul.zolo-about-me-social.style-modern li.facebook a{ background:#37589b;} .zolo-about-me ul.zolo-about-me-social.style-modern li.google-plus a{ background:#de5a49;} .zolo-about-me ul.zolo-about-me-social.style-modern li.instagram a{ background:#5996c7;} .zolo-about-me ul.zolo-about-me-social.style-modern li.linkedin a{ background:#419cca;} .zolo-about-me ul.zolo-about-me-social.style-modern li.pinterest a{ background:#cb2027;} .zolo-about-me ul.zolo-about-me-social.style-modern li.twitter a{ background:#46d4fe;} .zolo-about-me ul.zolo-about-me-social.style-modern li.youtube-play a{ background:#dd4646;} .zolo-about-me ul.zolo-about-me-social.style-modern li a{color:#fff;} .zolo-about-me ul.zolo-about-me-social.style-modern li a:hover{ -webkit-box-shadow: inset 0 16px 10px -10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 16px 10px -10px rgba(0,0,0,0.3); box-shadow: inset 0 16px 10px -10px rgba(0,0,0,0.3); } /*About me Social Style Modern End*/ /*About me Social Style Circle Start*/ .zolo-about-me ul.zolo-about-me-social.style-circle li a{ -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /*About me Social Style Circle End*/ /*About Me Widget End*/ /*Contact Info Widget Start*/ .widget.contact_info_widget ul{ list-style:none;} .widget.contact_info_widget ul li{ border:none; padding:0 0 10px 0 !important;} .contact_info_widget .contact_info_label{ float:left; margin-right:8px;} .contact_info_widget .contact_info_value{display: table-cell;} /*Contact Info Widget End*/ /*Recent Post Widget CSS Start*/ .widget ul.Gallery{ margin:0 -5px;} .widget ul.Gallery li{ float:left; padding:5px; border:none; width:33.333%;} .widget ul.Gallery li:nth-child(3n + 1){ clear:both;} .widget ul.Gallery li img{ width:100%;} .widget ul.Gallery li a{ margin:0; width:100%; height:inherit;} .widget ul.Gallery li .post_list_thumb{ display:inline;} .widget .post_list_item{ display:block;} .widget .post_list_thumb{display:table-cell;} .widget .post_list_thumb a{ width:90px; height:90px;margin:5px 20px 5px 0;float: left;} .widget .post_list_content{display:table-cell;vertical-align:top;padding: 5px 0;} .widget .post-date {font-style: italic; width:100%; display: inline-block;} /*Recent Post Widget CSS End*/ .widget_post_thumbnail{max-width: 60px; float:left;margin-right: 10px;} .widget_post_text{ display:table-cell;} .widget_post_text .post-date{ padding-top:6px; display:block;} /******************** Custom widget CSS End ********************/ /******************************************************************************** ******************************** Contact Form Start ******************************** ********************************************************************************/ .wpcf7-form{margin: 20px 0;} .wpcf7-form p{ display:inline-block; width:100%; padding:10px 0 25px;} .wpcf7-form .uneditable-input, .wpcf7-form input, .wpcf7-form textarea{ width: 100%; float: left; border-width:1px; border-style:solid; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius:0; padding:5px 10px; } .wpcf7-form .input_borderradius .uneditable-input, .wpcf7-form .input_borderradius input, .wpcf7-form .input_borderradius textarea{ border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; } .wpcf7-form .uneditable-input, .wpcf7-form input{height:44px;} textarea{height: 150px;} .wpcf7-form select{padding: 10px;width: 100%;border: 1px solid transparent;height:44px;} .wpcf7-form input[type="checkbox"], .wpcf7-form input[type="radio"]{ width:auto; float:none; height:auto; margin:0;} .wpcf7-form input[type="file"]{ width:auto; height:30px; border:0 !important; float:none; padding:0;} .wpcf7-form button, .wpcf7-form input[type=reset], .wpcf7-form input[type=submit], html .wpcf7-form input[type=button] {width: auto;padding: 5px 25px;text-align: center;font-size:16px;margin: 0; border:none;} .wpcf7-form div.wpcf7-response-output{margin:20px 0 10px; float:left; width:100%; clear:both;} .wpcf7-form span.wpcf7-not-valid-tip{display: inline;} .wpcf7-form .contact_form span.wpcf7-not-valid-tip{display: none;} .wpcf7-form .input_bottom_border .uneditable-input, .wpcf7-form .input_bottom_border input, .wpcf7-form .input_bottom_border textarea{border-width:0px 0px 1px 0px;} .contact_form{ margin:0 -15px; padding:0; list-style:none;} .contact_form li{ width:100%; float:left; padding:10px 15px 25px;} .contact_form li.one_half{width:50%;} .contact_form li.one_third{width:33.333333%;} .contact_form li.one_fourth{width:25%;} .wpcf7-form .transparent_button button, .wpcf7-form .transparent_button input[type=reset], .wpcf7-form .transparent_button input[type=submit], html .wpcf7-form .transparent_button input[type=button]{ background: none !important;border-width:0 0 1px 0!important;} .fullwidth_buttton .wpcf7-form button, .fullwidth_buttton .wpcf7-form input[type=reset], .fullwidth_buttton .wpcf7-form input[type=submit], html .fullwidth_buttton .wpcf7-form input[type=button]{width:100%;} .medium_buttton .wpcf7-form button, .medium_buttton .wpcf7-form input[type=reset], .medium_buttton .wpcf7-form input[type=submit], html .medium_buttton .wpcf7-form input[type=button]{padding: 5px 50px;} .zt_field{position: relative;} .zt_field .zolo-shortcodes-arrow { width: 40px; height: 42px; border-left: 1px solid #d9d9d9; position: absolute; top: 1px; right: 1px; pointer-events: none; z-index: 10; font-family: 'FontAwesome'; text-align: center; line-height: 42px; } .zt_field select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; background: #ffffff; box-sizing: border-box; -webkit-box-sizing: none; -moz-box-sizing: none; -o-box-sizing: none; cursor: pointer; display: block; outline: none; height: 44px; overflow: ellipsis; padding: 7px 15px; position: relative; text-indent: 0.01px; text-overflow: ''; -webkit-text-overflow: none; -moz-text-overflow: none; -o-text-overflow: none; vertical-align: middle; z-index: 5; margin: 0; } .zt_field select option{ padding:5px 20px;} .zt_field select[multiple="multiple"]{ height:auto;} /*Input Icon*/ .wpcf7-form .zt_input_icon input[type="text"], .wpcf7-form .zt_input_icon input[type="email"], .wpcf7-form .zt_input_icon input[type="tel"], .wpcf7-form .zt_input_icon textarea{ padding-left:44px;} .zt_icon_align_right .your-name, .zt_icon_align_right .your-email, .zt_icon_align_right .your-subject, .zt_icon_align_right .your-message, .zt_input_icon .your-name, .zt_input_icon .your-email, .zt_input_icon .your-subject, .zt_input_icon .your-tel, .zt_input_icon .your-message{position:relative;font-family: 'FontAwesome'; float:left; width:100%;} .zt_input_icon .your-name:after{content:"\f007"; position:absolute; left:17px; top:0;font-size:15px; line-height:43px;} .zt_input_icon .your-email:after{content:"\f003"; position:absolute; left:17px; top:0;font-size:15px;line-height:43px;} .zt_input_icon .your-subject:after{content:"\f0eb"; position:absolute; left:17px; top:0;font-size:18px;line-height:43px;} .zt_input_icon .your-tel:after{content:"\f095"; position:absolute; left:17px; top:0;font-size:15px;line-height:43px;} .zt_input_icon .your-message:after{content:"\f040"; position:absolute; left:17px; top:0;font-size:15px;line-height:43px;} /*Button Icon*/ .zt_button_icon{ display:inline-block; position:relative;font-family: 'FontAwesome';} .wpcf7-form .zt_button_icon button, .wpcf7-form .zt_button_icon input[type="submit"], html .wpcf7-form .zt_button_icon input[type="button"]{padding-left:50px;} .medium_buttton .wpcf7-form .zt_button_icon button, .medium_buttton .wpcf7-form .zt_button_icon input[type="submit"], html .medium_buttton .wpcf7-form .zt_button_icon input[type="button"]{padding-left:75px;padding-right:50px;} .zt_button_icon .fa{position:absolute; left:28px; top:15px;font-size:15px; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .zt_button_icon:hover .fa{left:25px;} .medium_buttton .zt_button_icon .fa{left:52px;} .medium_buttton .zt_button_icon:hover .fa{left:48px;} div.wpcf7 .zt_button_icon img.ajax-loader{ display:none;} /*icon align right*/ .wpcf7-form .zt_input_icon.zt_icon_align_right input[type="text"], .wpcf7-form .zt_input_icon.zt_icon_align_right input[type="email"], .wpcf7-form .zt_input_icon.zt_icon_align_right input[type="tel"], .wpcf7-form .zt_input_icon.zt_icon_align_right textarea{ padding-left:10px;padding-right:44px;} .zt_input_icon.zt_icon_align_right .your-tel:after, .zt_input_icon.zt_icon_align_right .your-name:after, .zt_input_icon.zt_icon_align_right .your-email:after, .zt_input_icon.zt_icon_align_right .your-subject:after, .zt_input_icon.zt_icon_align_right .your-message:after{right:17px; left:auto;} /*Button Icon Align Right*/ .zt_button_icon_right{ display:inline-block; position:relative;font-family: 'FontAwesome';} .wpcf7-form .zt_button_icon_right button, .wpcf7-form .zt_button_icon_right input[type="submit"], html .wpcf7-form .zt_button_icon_right input[type="button"]{padding-right:50px;} .medium_buttton .wpcf7-form .zt_button_icon_right button, .medium_buttton .wpcf7-form .zt_button_icon_right input[type="submit"], html .medium_buttton .wpcf7-form .zt_button_icon_right input[type="button"]{padding-right:75px;padding-left:50px;} .zt_button_icon_right .fa{position:absolute; right:28px; top:15px;font-size:15px;} a.button, .zt_button_icon_right .fa, button,input[type="reset"], input[type="submit"], input[type="button"]{ -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .zt_button_icon_right:hover .fa{right:25px;} .medium_buttton .zt_button_icon_right .fa{right:52px;} .medium_buttton .zt_button_icon_right:hover .fa{right:48px;} div.wpcf7 .zt_button_icon_right img.ajax-loader{ display:none;} /*Message Errors CSS*/ body .wpcf7-form input[type=text].wpcf7-not-valid, body .wpcf7-form input[type=email].wpcf7-not-valid, body .wpcf7-form input[type=tel].wpcf7-not-valid, body .wpcf7-form textarea.wpcf7-not-valid, body .wpcf7-form input[type=url].wpcf7-not-valid, body .wpcf7-form input[type=date].wpcf7-not-valid, body .wpcf7-form input[type=number].wpcf7-not-valid{border-color:#F00 !important;} /******************************************************************************** ******************************** Contact Form End ******************************** ********************************************************************************/ .ult_exp_section_layer, .ult_exp_content{ width:100%; float:left;} @media (max-width:767px) { .contact_form li.one_half, .contact_form li.one_third{width: 100%;} }