/* ====================================================================================================== Theme Name: JustWrite Child Theme URI: http://www.acosmin.com/theme/justwrite/ Author: Alexandru Cosmin Author URI: http://www.acosmin.com/ Description: JustWrite is a theme with clean lines and an open-spaced design, that can be used to show off your latest articles. Version: 1.0.7 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, custom-colors, custom-header, custom-menu, editor-style, featured-images, fluid-layout, full-width-template, theme-options, translation-ready, responsive-layout ====================================================================================================== WARNING! DON'T EDIT THIS FILE ... If you would like to modify/add your own styles, please use a child theme. -- http://codex.wordpress.org/Child_Themes Thank you! ====================================================================================================== Some info: -- Deafault fonts used: --- Source Sans Pro: font-family: 'Source Sans Pro', sans-serif; --- Montserrat: font-family: 'Montserrat', sans-serif; --- Questrial: font-family: 'Questrial', sans-serif; --- Arimo: font-family: 'Arimo', sans-serif; -- Colors: --- Main Gray: #e1e1e1; --- Main Color: #be5656 ------------------------------------------------------------------------------------------------------ Table of Contents: - 1.0 Reset, Necessary & Repeating Styles - 2.0 Page Structure - 3.0 Header -- 3.1 Main Menu --- 3.1.1 Mobile Menu -- 3.2 Search Box -- 3.3 Browse more - 4.0 Content -- 4.1 Posts --- 4.1.1 Single Posts --- 4.1.2 Post - About & Share --- 4.1.3 Comments --- 4.1.4 Post Formats --- 4.1.5 Gallery --- 4.1.6 Plugins Compatibility -- 4.2 Sidebars -- 4.3 Widgets -- 4.4 Pages --- 4.4.1 404 Page -- 4.5 Slider - 5.0 Footer - 10.0 Buttons -- 10.1 Inputs - 11.0 Media Queries ------------------------------------------------------------------------------------------------------ */ /* - 1.0 Reset, Necessary & Repeating Styles */ 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; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section img { display: block; padding: 0; margin: 0; position: relative; } audio, canvas, video { display: inline-block; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; } pre { border-width: 1px; border-style: solid; max-width: 100%; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; color:#be3d34; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote cite, blockquote small { font-size: 16px; font-weight: 400; line-height: 1.5; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } address { font-style: italic; margin-bottom: 25px; } abbr[title] { border-bottom-width: 1px; border-bottom-style: dotted; cursor: help; } small { font-size: smaller; } cite { border: 0; } cite, dfn, em, i, q { font-style: italic; } mark, ins { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: inherit; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } p, pre, dl, dd { margin: 0 0 25px 0; } ul, ol { list-style: none; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 20px; } fieldset { border-width: 1px; border-style: solid; margin: 0 0 25px; padding: 25px 26px 0; } legend { white-space: normal; font-size: 1.5em; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } input, textarea { background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); } 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; border: none; } input[type="search"] { -webkit-appearance: textfield; } 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, th, td { border-width: 1px; border-style: solid; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } ::selection { background: rgba(0, 0, 0, 0.9); color: #fff; text-shadow: none; } ::-moz-selection { background: rgba(0, 0, 0, 0.9); color: #fff; text-shadow: none; } *, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } img, figure img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; height: auto; display: block; } figure img { width: 100%; } strong, b, dt { font-weight: bold; } .sticky, .gallery-caption, .bypostauthor { } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* -- Necessary Styles */ body { background-color: #fff; } a, a:visited { color: #be5656; text-decoration: none; -webkit-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } a:hover { color: #000; text-decoration: none; } a img { border: none; background: none; } .nobs { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; } .left { float: left !important; } .right { float: right !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .comment-content img, .single-content img, .widget img, .wp-caption { max-width: 100%; } .comment-content img[height], .single-content img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } .wp-smiley, .rsswidget img { width: auto; height: auto; display: inline-block; border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding-right: 10px; } .clear-border { position: absolute; display: block; } /* -- Repeating Styles */ .top, .menu-wrap, .container, .footer-wrap { /* Same Style */ position: relative; width: 100%; margin: 0 auto; } body, .post-template-1 .details .detail em, .single-template-1 .details detail em, textarea, input, select, .about-share, .logo .description, .content-wrap .review-wrap-up, .content-wrap #review-statistics .review-wu-bars h3, .content-wrap .review-wu-bars span, .content-wrap #review-statistics .review-wrap-up .review-wu-right ul li, .comments-area #cwp-slider-comment .comment-form-meta-option label { /* Same Font - Source Sans Pro */ font-family: 'Source Sans Pro', sans-serif; } .menu-main, .browse-more, .sidebar-heading, .tabs-widget-navigation, .post-template-1 .title, .single-template-1 .title, .sidebar .social-btn, .ac-popular-posts .position, .ac-popular-posts .title, .ac-featured-posts .thumbnail .details .title, .ac-ad-title-300px, .posts-pagination .paging-wrap, .page-links-wrap .page-links, .comments-pagination .paging-wrap, .footer-credits .copyright, .browse-by-title, #wp-calendar tbody td, #wp-calendar thead th, #wp-calendar #prev, #wp-calendar #next, .single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6, .comment-text h1, .comment-text h2, .comment-text h3, .comment-text h4, .comment-text h5, .comment-text h6, .ac-recent-posts .title, .sidebar #recentcomments li a, .slider .title, .about-share .title, .comments-title, .comment-main .vcard .fn, .comment-reply-title, .form-submit input[type=submit], .page-404 h1, .main-page-title, .menu-wrap .search-field, .menu-wrap .search-submit, .banner-small-title, .post-thumbnail .sticky-badge, .no-comments, .content-wrap #review-statistics .review-wrap-up .review-wu-right h2, .content-wrap #review-statistics h1, .content-wrap #review-statistics h2, .content-wrap #review-statistics h3, .content-wrap #review-statistics h4, .content-wrap #review-statistics h5, .content-wrap #review-statistics h6, .content-wrap #review-statistics .cwp-review-percentage span, .content-wrap .cwp-item-price, .content-wrap .affiliate-button a span { /* Same Font - Montserrat */ font-family: 'Roboto', sans-serif; } .logo, .footer-credits .blog-title { /* Same Font - Questrial */ font-family: 'Roboto', sans-serif; } .ac-featured-posts .category, .ac-recent-posts .category, .slider .details .info, .comments-number, .post-template-1 .details .detail, .single-template-1 .details, .detail, .ac-popular-posts .category, .ac-twitter-tweet-time, .post-template-1 .details .p-share .contents em, .sidebar #recentcomments a.url, .sidebar #recentcomments, .comments-title .comments-number, .comment-main .vcard .comm-edit, .comment-main .comment-reply-link, label { /* Same Font - Arimo */ font-family: 'Roboto', sans-serif; } a.social-btn, .sidebar-social a.social-btn, .post-small-button a.social-btn, .logo a, .logo a:visited, .logo a:hover, .slider a.category, .about-the-author .links a, .header-social-icons li a, .post-thumbnail .sticky-badge, .post-format-icon, .post-content .details .post-format-icon, .post-content .details .post-format-icon:visited, .post-content .details .post-format-icon:hover, button, .contributor-posts-link, input[type="button"], input[type="reset"], input[type="submit"], button:hover, button:focus, .contributor-posts-link:hover, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { /* Same Color - #fff */ color: #fff } .kk, .share-pagination .title i { /* Same Color - #be5656 */ color: #be5656 } .menu-main > li > a:hover, .mobile-drop-down > a, .mobile-drop-down > a:visited, .menu-wrap a.mobile-menu-button:hover, .menu-wrap a.search-button:hover, .menu-main > li.sfHover > a, .menu-main .sub-menu li.sfHover > a, .menu-wrap a.browse-more, .menu-wrap .search-button.activated, .mobile-menu-button.activated, .menu-wrap a.browse-more:hover, .sidebar-heading, .ac-popular-posts .position, .posts-pagination a.selected, .page-links-wrap a.selected, .comments-pagination a.selected, a.back-to-top, .footer-credits .blog-title, .post-template-1 .details .p-share .contents .close-this-temp1, .tabs-widget-navigation ul li a.selected, .browse-by-title, a.close-browse-by, .menu-main > li.current_page_item > a, .menu-main > li.current_page_ancestor > a, .menu-main > li.current-menu-item > a, .menu-main > li.current-menu-ancestor > a, .menu-main .sub-menu .sf-sub-indicator i, .comment-main .vcard .fn a, .comment-main .vcard .fn a:visited, .comment-main .vcard a.comment-edit-link, .comment-main a.comment-reply-link, .menu-wrap .search-submit:hover, .menu-wrap .search-submit:focus { /* Same Color - #000 */ color: #000 } .logo .description, .normal-list .current_page_item a, .normal-list .current-menu-item a, .normal-list .current-post-parent a, .menu-wrap a.mobile-menu-button, .wp-caption, textarea, input, .main-page-title .page-title, blockquote cite, blockquote small { /* Same Color - #666 */ color: #666 } .slider-controls a.slide-btn, .slider .title a, .slider .title a:visited, .slider .com:hover, .post-template-1 .title a, .post-template-1 .title a:visited, .ac-recent-posts a.title, .ac-popular-posts a.title, .ac-featured-posts .thumbnail .details .title, legend, .single-template-1 .title, .single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6, .comment-text h1, .comment-text h2, .comment-text h3, .comment-text h4, .comment-text h5, .comment-text h6, .category > a:hover, .sidebar .category > a:hover, .sidebar #recentcomments li a, .sidebar #recentcomments a.url:hover, .tagcloud a, .tagcloud a:visited, .about-share .title, .post-navigation a.next-post, .post-navigation a.prev-post, label, .comment-reply-title, .page-404 h1, .main-page-title .page-title span { /* Same Color - #222 */ color: #222 } .slider .title a:hover, .post-template-1 .title a:hover, .ac-recent-posts a.title:hover, .ac-popular-posts a.title:hover, .ac-featured-posts .thumbnail .details .title:hover, .footer-credits .theme-author a:hover, .sidebar #recentcomments li a, .comment-main .vcard .fn a:hover, .menu-wrap .search-submit { /* Same Color - #333 */ color: #333 } .menu-main > li > a, .menu-wrap a.search-button, .menu-wrap a.browse-more, body, .comments-number, .comments-number:visited, .post-template-1 p, .single-template-1 .single-content, .post-template-1 .details .detail a, .single-template-1 .details .detail a, .post-template-1 .details .detail a:visited, .back-to-top:hover, .footer-credits .copyright, .close-browse-by:hover, .tagcloud a:hover, .post-navigation a.next-post:hover, .post-navigation a.prev-post:hover, .comment-main .vcard .fn, .comment-main .vcard a.comment-edit-link:hover, .menu-wrap .search-field, .content-wrap #review-statistics .review-wrap-up .review-wu-right ul li, .content-wrap #review-statistics .review-wu-bars h3, .content-wrap .review-wu-bars span, .content-wrap #review-statistics .review-wrap-up .cwpr-review-top .cwp-item-category a { /* Same Color - #444 */ color: #000 } .post-template-1 .details .detail, .single-template-1 .details .detail, .category > a, .sidebar .category > a, .ac-twitter-tweet-time, .ac-featured-posts .thumbnail .details .category, .footer-credits .theme-author, .footer-credits .theme-author a, .footer-credits .theme-author a:visited, .post-template-1 .details .p-share .contents em, .sidebar #recentcomments, .sidebar #recentcomments a.url, .slider .date, .slider a.com, a.slide-btn:hover, .banner-small-title, .banner-small-title a, .banner-small-title a:hover, .banner-small-title a:visited { /* Same Color - #bbb */ color: #bbb } q, .single-content blockquote, .comment-text blockquote, .about-share .author, .post-navigation span, .comment-main .vcard a.comment-date, .not-found-header h2, .menu-wrap .search-submit:active { /* Same Color - #aaa */ color: #aaa } body, .post-content, .content-wrap, .menu-main, .menu-main ul, .mobile-menu .sub-menu a, .menu-wrap, .slider-pagination a, .slide-btn, .slider .title, .slider .com, .container, .search-wrap, .menu-wrap, .ac-ad-title-300px:before, .post-template-1 .details .post-small-button, #wp-calendar, .menu-main li:hover .sub-menu, textarea, input, .banner-small-title a, .comment-list .comment-avatar, .ac-featured-posts .thumbnail .details { /* Same Background Color - #fff */ background-color: #fff; } .ac-popular-posts .the-percentage, .slider .category, .post-thumbnail .sticky-badge, .post-format-icon, button, .contributor-posts-link, input[type="button"], input[type="reset"], input[type="submit"] { /* Same Background Color - #be5656 */ background-color: #be5656; } .mobile-menu .sub-menu li:before, .no-thumbnail, .featured-image-wrap, .add-some-widgets, a.slide-btn:active, .slider-pagination a span, .comment-list .children:before, .menu-wrap .search-submit:active { /* Same Background Color - #e1e1e1 */ background-color: #e1e1e1; } ins, .slider-controls, .posts-pagination span.current, .page-links-wrap span, .posts-pagination span.current:hover, .page-links-wrap span:hover, .tabs-widget-navigation ul li a.selected, .menu-wrap .browse-more.activated, .tagcloud a:hover, .slide-btn:hover, .about-share .title, .post-navigation a, .post-navigation span, .comment-reply-title small, .menu-wrap .search-submit, .ac-popular-posts .position, pre, .comments-area #cwp-slider-comment .comment-form-meta-option .comment_meta_slider, .comments-area .user-comments-grades .comment-meta-grade-bar, #review-statistics .review-wu-bars ul li { /* Same Background Color - #f7f7f7 */ background-color: #f7f7f7; } mark, #wp-calendar tbody a, .tagcloud a, .post-navigation a:hover, .comment-reply-title small:hover, .menu-wrap .search-submit:hover, .banner-small-title:before, .banners-125-wrap ul:before { /* Same Background Color - #f2f2f2 */ background-color: #f2f2f2; } .slider .date { /* Same Background Color - #000000 */ background-color: #000000; } abbr[title], .back-to-top, .close-browse-by, .tagcloud a:hover, .comment-main .comment-reply-link { /* Same Border Color - #be5656 */ border-color: #be5656; } fieldset, .container, .menu-main > li, .mobile-menu > li, .mobile-menu .sf-sub-indicator, .menu-wrap .search-button, .menu-wrap .browse-more, .mobile-menu-button, .header-wrap, .menu-wrap, .menu-main, .sidebar, .main-page-title, .post-template-1 .details .p-share .contents .close-this-temp1, .posts-pagination, .page-links-wrap, .posts-pagination .paging-wrap, .page-links-wrap .page-links, .posts-pagination a, .page-links-wrap a, .page-links-wrap span, .comments-pagination, .comments-pagination .paging-wrap, .comments-pagination a, .posts-pagination span.current, .posts-pagination span.dots, .tabs-widget-navigation ul li a, .mini-sidebar.browse-window-opened, .browse-by-wrap, .browse-window-opened:after, #wp-calendar, #wp-calendar tbody td, #wp-calendar thead th, .menu-main .sub-menu, .menu-main .sub-menu a, .single-template-1 .details, .single-template-1 .single-content, .single-content blockquote, .comment-text blockquote, .single-content.featured-image:before, .ac-recent-posts li.full-width, .sidebar #recentcomments li, .tagcloud a, .slider-controls, .slide-btn, .slider-pagination a, .as-wrap, .share-pagination, .about-the-author, .about-share .title, .post-navigation, .post-navigation a, .ata-wrap .avatar-wrap, .clear-border, .post-navigation span, .content-wrap, .comments-title, .comment-avatar, .comment-main, textarea, input, li .comment-reply-title small, .menu-wrap .search-submit, .search-wrap.search-visible, .post-template-1 .details .post-small-button, .sidebar-heading, .tabs-widget-navigation, .sidebar .sidebar-heading, .sidebar .tabs-widget-navigation, .ac-popular-posts .position, .ac-twitter-widget-ul li.ac-twitter-tweet, select, table, th, td, pre, .comment-list li.pingback, .content-wrap #review-statistics .review-wrap-up .review-wu-right, .content-wrap #review-statistics .review-wrap-up, .content-wrap #review-statistics .review-wrap-up .cwpr-review-top, .content-wrap #review-statistics .review-wu-bars, .content-wrap #review-statistics .review-wrap-up .review-wu-left .review-wu-grade, .wrap .cwp-popular-review { /* Same Border Color - #e1e1e1 */ border-color: #e1e1e1; } .back-to-top:hover, .close-browse-by:hover, .comment-main a.comment-reply-link:hover, textarea:focus, input:focus, li .comment-reply-title small:hover, textarea:hover:focus, input:hover:focus { /* Same Border Color - #000000 */ border-color: #000; } textarea:hover, input:hover, select:hover { /* Same Border Color - #333333 */ border-color: #666; } .menu-wrap.visible, .search-wrap.search-visible { /* Same Box Shadow */ -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.3); } .menu-wrap, .social-btn, .ac-twitter-tweet-time i, .back-to-top, .close-browse-by, .tagcloud a, .slider .com, .slider .date, .slider .category, .slide-btn, .slider-pagination a, .slider-pagination a span, .slider li, .slider .details, .about-the-author .links a, .menu-wrap .search-submit, .post-content .details .post-format-icon { /* Same Animation */ -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -webkit-backface-visibility: hidden; } .slider .info, .ac-popular-posts .category, .comments-number, .ac-twitter-tweet-time, .ac-featured-posts .thumbnail .details .category, .post-template-1 .details .p-share .contents em, .ac-recent-posts .category, .sidebar #recentcomments a.url, .sidebar #recentcomments, .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-comment label { /* Same CSS Style */ font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; line-height: 1; } /* - 2.0 Page Structure */ .wrap { padding:0; /*width:1170px;*/ width:96%; margin:0 auto; } .container { margin: 45px auto;/*border-top-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-bottom-style: solid;*/ } /* - 3.0 Header */ .header-wrap { width: 100%; /*height: 220px;*/ background-color: #111; background-repeat:no-repeat; background-size:cover; background-position: center center; border-bottom-width: 1px; border-bottom-style: solid; position: relative; margin-bottom:60px; } .logo { /* display: inline-block !important; position: absolute; */ font-size: 36px; letter-spacing: 10px; font-weight: normal; text-transform: uppercase; text-align: left; top: 0px; left: 0px; z-index:99999; float:left;/*-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/ padding: 9px 0 0; } .logo a, .logo .description { display: inline-block; float: left; } .logo .description { letter-spacing: 0; font-size: 14px; font-weight: 700; text-transform: none; font-style: italic; line-height: 36px; margin-left: 20px; margin-top:0; margin-bottom:0; } .logo-image { display: inline-block; max-width: 250px; } .logo-image img { display: block; /* width: 85%; */ width: 50%; height: auto; /* padding-top:14px;*/ display: inline-block!important; vertical-align: top; } .advertising728 { width: 728px; height: 90px; float: right; margin-top: 40px; } /* -- 3.1 Main Menu */ .menu-wrap { width:100%; float:right; position: relative; z-index: 9999 !important; } .menu-wrap.visible { width: 100%; min-width: 100%; left: 0; right: 0; bottom: auto; position: fixed; top: 0; border-left: none; border-right: none; border-top: none; z-index: 9999 !important; } ul.menu-main.mobile-menu.superfish.sf-js-enabled { width:auto; margin: 0 auto; float:left; text-align: right; /*padding:14px 0 0 0;*/ } .menu-wrap ul { list-style: none; } .menu-main { position: relative; float: left; list-style: none; /*height: 100%;*/ font-size: 14px; font-weight: 400; padding: 0 0 0 10px; /*0 15px*/ } .menu-main a { display: block; /*padding: 0 20px;*/ padding:0 15px; /*line-height: 68px;*/ line-height: 61.39px; } .menu-main li { position: relative; } .menu-main > li { display: block; /*height: 100%;*/ float: left; font-size:15px; text-transform:uppercase; font-weight:700; font-family: 'Montserrat', sans-serif; } .menu-main > li:first-child:before { display: none; } .menu-main > li:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -20px; width: 0px; height: 40px; border-left-width: 1px; border-left-style: solid; border-color: #e2e2e2; } .menu-main .sf-sub-indicator { display: none; } .menu-main .sub-menu .sf-sub-indicator { display: inline-block; float: right; font-size: 14px; margin-right: 10px; } .menu-main .sub-menu { position: absolute; top: -999em; z-index: 99; list-style: none; width: 318px; font-size: 13px; text-transform: none; padding: 10px 0 10px 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-width: 1px; border-style: solid; margin: 0; } .menu-main .sub-menu li { padding: 0 20px; } .menu-main .sub-menu a { line-height: 50px; border-bottom-width: 1px; border-bottom-style: solid; padding: 0; } .menu-main .sub-menu li:last-child a { border: none; } .menu-main li:hover .sub-menu { top: 61px; left: 0; } .menu-main li:hover .sub-menu .sub-menu, .menu-wrap.visible .menu-main li:hover .sub-menu .sub-menu { top: -11px; left: 316px; } .menu-wrap.visible .menu-main li:hover .sub-menu { top: 69px; } /* --- Some Buttons */ .search-button, .browse-more, .mobile-menu-button { position: relative; float: right; width: 90px; height: 100%; display: block; text-align: center;/*border-left-width: 1px; border-left-style: solid;*/ } .search-button.activated:after, .mobile-menu-button.activated:after { content: ""; display: block; position: absolute; width: 100%; height: 15px; bottom: -1px; left: 0; z-index: 9999; background-color: inherit; } /* --- 3.1.1 Mobile Menu */ .mobile-menu-button { display: none; float: left; border-left: none; border-right-width: 1px; border-right-style: solid; font-size: 18px; position: relative; } .mobile-menu-button .fa-times { font-size: 16px; } /* --- Header - Social Buttons */ .header-social-icons { list-style: none; float: right; height: 100%; padding: 0 35px; display: none; margin-right: 20px; } .header-social-icons li { float: left; display: block; padding: 20px 2px; } /* -- 3.2 Search Box */ .search-wrap { position: absolute; width: 100%; height: 180px; top: 68px; left: -1px; display: none; z-index: 3; } .search-wrap.search-visible { display: block; border-width: 1px; border-style: solid; } .search-wrap.search-visible .search-field { display: inline-block; } .menu-wrap.visible .search-wrap.search-visible { border-left: none; border-right: none; left: 0; } .search-wrap .search-form { width: 100%; height: 100%; display: inline-block; overflow: hidden; } /* -- 3.3 Browse More */ .browse-more { /*display: none;*/ float: left; /* border-left: none; border-right-width: 1px; border-right-style: solid; */ width:auto; padding: 0; font-size: 18px; } /*.browse-more.activated, .browse-more:hover { text-decoration: none; color:#ffae00 !important; }*/ .mini-sidebar.browse-window-opened { width: 100%; height: auto; left: 0; right: 0; top: 0; bottom: auto; border-right-width: 1px; border-right-style: solid; border-left-width: 1px; border-left-style: solid; border-bottom-width: 1px; border-bottom-style: solid; -webkit-box-shadow: 0 5px 6px -6px #000; -moz-box-shadow: 0 5px 6px -6px #000; box-shadow: 0 5px 6px -6px #000; z-index: 99; background-color: inherit; } .browse-by-wrap { width: 100%; float: left; clear: both; display: none; } .browse-window-opened .browse-by-wrap { display: block; height: 75px; padding: 10px 45px 0 35px; border-bottom-width: 2px; border-bottom-style: solid; } .browse-by-title { display: inline-block; font-size: 26px; font-weight: 400; line-height: 1.1; text-transform: lowercase; } .browse-window-opened .side-box { float: left; width: 20%; padding-top: 35px; } .browse-window-opened .side-box.larger { display: block; width: 40%; } .mini-sidebar.browse-window-opened .side-box.larger .sb-content { width: 100%; } .mini-sidebar.browse-window-opened .side-box.larger .sidebar-heading, .mini-sidebar.browse-window-opened .side-box.larger .sb-content { padding-left: 45px; } .browse-window-opened:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 0; margin-top: 125px; height: auto; right: 40%; border-left-width: 1px; border-left-style: solid; } /* - 4.0 Content */ /*.wrap-template-1 { position: relative; margin-left: 245px; } */.content-wrap { width: 72%; float: left; margin: 0; line-height: 170%; border-right-width: 1px; border-right-style: solid; position: relative; } .content-wrap.with-title { padding-top: 0; } .mini-disabled .container .wrap-template-1 { margin-left: 0; } .mini-disabled .container .posts-wrap, .mini-disabled .container .slider-wrap { padding-left: 0; } .top.mini-disabled, .menu-wrap.mini-disabled, .container.mini-disabled, .footer-wrap.mini-disabled { max-width: 1550px; } .mini-disabled .single-style-template-1, .mini-disabled .about-share, .mini-disabled .comments-area, .mini-disabled #disqus_thread { padding-left: 0; } .main-page-title { width: 100%; overflow: hidden; position: relative; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 45px; padding: 0 0 20px 0; -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.1); } .main-page-title .page-title { font-size: 24px; font-weight: 400; line-height: 120%; } .main-page-title .page-title span { font-weight: 700; } .main-page-title .page-title i { margin-left: 20px; } /* -- 4.1 Posts */ .posts-wrap { width: 100%; padding: 0; display: inline-block; } .post-template-1, .single-template-1 { width: 100%; position: relative; margin-bottom: 45px; } .post-thumbnail { width: 28.70813397129187%; float: left; margin: 0; position: relative; } .post-thumbnail .sticky-badge { font-size: 11px; font-weight: 700; line-height: 28px; display: block; position: absolute; top: 0; right: 0; text-transform: uppercase; padding: 0 10px; z-index: 2; } .post-thumbnail img { width: 100%; height: auto; } .post-content { width: 71.29186602870813%; float: right; padding: 0 0 0 45px; -ms-word-wrap: break-word; word-wrap: break-word; } .post-template-1 .title, .single-template-1 .title, .post-template-1 p, .post-template-1 .details, .single-template-1 .details, .single-template-1 .single-content { display: block; width: 100%; margin-bottom: 20px; position: relative; } .post-template-1 .title, .single-template-1 .title { font-size: 45px; font-weight: 700; letter-spacing: -2px; line-height: 110%; } .post-template-1 .title a:hover { text-decoration: underline; } .post-template-1 p, .single-template-1 .single-content { font-size: 20px; } .post-template-1 .details, .single-template-1 .details { height: 48px; line-height: 48px; } .post-template-1 .details .post-small-button { width: 48px; text-align: center; border-width: 1px; border-style: solid; font-size: 11px; -webkit-box-shadow: 0 2px 0 rgba(225, 225, 225, 0.5); -moz-box-shadow: 0 2px 0 rgba(225, 225, 225, 0.5); box-shadow: 0 2px 0 rgba(225, 225, 225, 0.5); } .post-template-1 .details .post-small-button a { display: block; width: 48px; height: 100%; } .post-template-1 .details .p-share { border-left: none; } .post-template-1 .details .p-share.opened { position: absolute; top: 0; left: 48px; z-index: 2; } .post-template-1 .details .p-share .contents { width: 100%; display: none; text-align: left; padding: 0 0 0 20px; position: relative; opacity: 0; } .post-template-1 .details .p-share .contents em, .post-template-1 .details .p-share .contents a { float: left; } .post-template-1 .details .p-share .contents em { line-height: 48px; margin-right: 10px; } .post-template-1 .details .detail, .single-template-1 .details .detail { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-left: 25px; } .post-template-1 .details .detail em, .single-template-1 .details .detail em { font-style: italic; text-transform: lowercase; } /* --- Navigation */ .posts-pagination, .comments-pagination, .page-links-wrap { width: 100%; display: block; padding: 45px; border-top-width: 1px; border-top-style: solid; } .comments-pagination { padding: 45px 0 0 0; margin-top: 45px; text-align: center; } .posts-pagination .paging-wrap, .comments-pagination .paging-wrap, .page-links-wrap .page-links { float: right; border-width: 1px; border-style: solid; font-weight: 700; font-size: 22px; } .comments-pagination .paging-wrap { float: none; margin: 0 auto; display: inline-block; } .posts-pagination .paging-wrap a, .comments-pagination .paging-wrap a, .page-links-wrap .page-links a, .posts-pagination .paging-wrap span, .comments-pagination .paging-wrap span, .page-links-wrap .page-links span { display: block; float: left; } .posts-pagination .paging-wrap a:last-child, .comments-pagination .paging-wrap a:last-child, .page-links-wrap .page-links a:last-child, .posts-pagination .paging-wrap span:last-child, .page-links-wrap .page-links span:last-child { border-right: none; } .page-links-wrap { padding-left: 0; padding-right: 0; border-top-width: 4px; clear: both; margin-top: 70px; } .page-links-wrap .page-links-title, .page-links-wrap .page-links-title:hover, .page-links-wrap a span { background: none; } .page-links-wrap a span { padding: 0; } /* --- 4.1.1 Single Posts */ .single-style-template-1, .about-share, .comments-area, #disqus_thread { padding: 0; } .single-template-1 .post-content { width: 100%; padding: 0; } .single-template-1 .title { font-size: 52px; margin-bottom: 10px; } .single-template-1 .details { margin-bottom: 15px; } .single-template-1 .details .detail { margin: 0 25px 0 0; } .single-template-1 .single-content { position: relative; padding-top: 35px; line-height: 145%; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-word-wrap: break-word; word-wrap: break-word; } .single-content.featured-image { border-top: none; } .single-content.featured-image:before { content: ""; width: 44%; height: 0; position: absolute; top: 0; left: 0; border-top-width: 4px; border-top-style: solid; } .single-template-1 .featured-image-wrap { width: 100%; margin:0 0 35px 60px; float: right; } .single-content p, .single-content ul, .single-content ol, .single-content blockquote, .comment-text blockquote { margin-bottom: 35px; } .single-content .wp-caption-text, .single-content li ul, .single-content li ol { margin-bottom: 0; } .single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6, .comment-text h1, .comment-text h2, .comment-text h3, .comment-text h4, .comment-text h5, .comment-text h6 { font-weight: 400; letter-spacing: -1px; padding-top: 20px; margin-bottom: 35px; line-height: 130%; } .single-content h1 { font-size: 38px; } .single-content h2 { font-size: 34px; } .single-content h3 { font-size: 30px; } .single-content h4 { font-size: 26px; } .single-content h5 { font-size: 22px; } .single-content h6 { font-size: 20px; } .single-content ul, .single-content ol, .comment-text ul, .comment-text ol { list-style: disc; list-style-position: inside; } .single-content ol, .comment-text ol { list-style: decimal; list-style-position: inside; } .single-content ul li, .single-content ol li, .comment-main .comment-text ul li, .comment-main .comment-text ol li { padding-bottom: 10px; } .single-content li:last-child { padding: 0; margin: 0; } .single-content strong { font-weight: 700; } .single-content em { font-style: italic; } blockquote.alignleft, img.alignleft { margin: 30px 35px 30px 0; } .wp-caption.alignleft { margin: 30px 35px 30px 0; } blockquote.alignright, img.alignright { margin: 30px 0 30px 35px; } .wp-caption.alignright { margin: 30px 0 30px 35px; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 0; margin-bottom: 35px; } .single-content .wp-caption .wp-caption-text p { margin-bottom: 0 } .single-content blockquote, .comment-text blockquote { border-left-width: 4px; border-left-style: solid; border-left-color:#eb675e; padding: 35px 0 5px 35px; display: block; font-style: italic; } .single-content blockquote p{ color:#be3d34 !important; font-family:'Playfair Display', serif !important; font-size:22px !important; font-style: normal !important; } .single-content table, .comment-text table { font-size: 14px; line-height: 1.2857142857; margin-bottom: 24px; } .single-content th, .comment-text th { font-weight: 700; padding: 8px; text-transform: uppercase; } .single-content td, .comment-text td { padding: 8px; } .single-content .post-tags-wrap { width: 100%; float: left; clear: both; font-size: 0.760em; font-style: italic; } /* --- 4.1.2 Post - About & Share */ .about-share { width: 100%; display: inline-block; margin-bottom: 45px; } .main-page-title .about-share { margin: 45px 0 0 0; padding: 0; } .as-wrap { width: 100%; border-width: 1px; border-style: solid; border-top-width: 5px; } .share-pagination { border-right-width: 1px; border-right-style: solid; height: 100%; position: relative; } .share-pagination { float: left; width: 40%; } .share-pagination.about-disabled { width: 100%; border-right: none; } .about-the-author { width: 60%; float: right; position: relative; } .main-page-title .about-the-author { width: 100%; } .ata-wrap { width: 100%; } .ata-wrap .avatar-wrap { float: left; width: 60px; border-width: 1px; border-style: solid; padding: 4px; } .ata-wrap .avatar-wrap .links { width: 100%; overflow: hidden; } .ata-wrap .info { margin-left: 85px; } .about-share .title, .share-post-box, .ata-wrap { padding: 25px; } .about-share .title { width: 100%; display: block; line-height: 90px; border-bottom-width: 1px; border-bottom-style: solid; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 0; padding-top: 0; overflow: hidden; } .share-pagination .title { text-align: center; } .about-share .about-inner { float: left; } .about-share .author { float: right; font-size: 16px; text-transform: none; letter-spacing: 0; } .share-post-box { width: 100%; text-align: center; } .share-post-box span { display: inline-block; margin: 0 5px; } .share-post-box span.facebook-like { overflow: hidden; } .post-navigation { position: relative; width: 100%; border-top-width: 1px; border-top-style: solid; } .share-pagination .clear-border { width: 100%; height: 0; border-bottom-width: 1px; border-bottom-style: solid; bottom: -1px; left: 0; } .about-the-author .clear-border { width: 0; height: 100%; ; border-left-width: 1px; border-left-style: solid; top: 0; left: -1px; } /* --- 4.1.3 Comments */ .no-comments { display: inline-block; width: 100%; clear: both; margin-top: 45px; font-size: 20px; font-weight: 400; } .comments-area, #disqus_thread { width: 100%; display: inline-block; margin-bottom: 45px; } .comments-title { display: inline-block; width: 100%; position: relative; text-align: center; border-width: 1px; border-style: solid; border-left: none; border-right: none; border-top-width: 5px; margin-bottom: 75px; padding: 50px 0; } .comments-title:after, .comments-title:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .comments-title:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 31px; margin-left: -31px; } .comments-title:before { border-color: rgba(225, 225, 225, 0); border-top-color: inherit; border-width: 33px; margin-left: -33px; } .comments-title .comments-number, .comments-title .title { display: block; width: 100%; font-weight: 700; } .comments-title .comments-number { font-size: 10px; margin-bottom: 10px; } .comments-title .title { font-size: 24px; letter-spacing: -1px; } .comment-list { list-style: none; } .comment-list .children { margin-left: 120px; overflow: hidden; list-style: none; padding-top: 40px; position: relative; } .comment-list .children .children { margin-left: 90px; } .comment-list li.comment, .comment-list li.pingback { margin-bottom: 45px; position: relative; } .comment-list li.pingback { margin-bottom: 10px; padding: 10px; } .comment-list li.pingback { border-width: 1px; border-style: solid; display: inline-block; width: 100%; } .comment-list .ping-edit { margin-left: 5px; display: inline-block; } .comment-list li.comment:last-child { margin-bottom: 0; } .comment-list .comment-avatar { float: left; padding: 4px; border-width: 1px; border-style: solid; position: relative; z-index: 2; } .comment-list > li > .comment-body > .comment-avatar { width: 80px; height: 80px; } .comment-list .children .comment-avatar { width: 50px; height: 50px; margin-top: 15px; position: relative; z-index: 2; } .comment-list .children:before { content: ""; position: absolute; width: 2px; height: 55px; top: 0; left: 25px; } .comment-main { margin-left: 120px; border-width: 2px; border-style: solid; padding: 25px 35px; position: relative; } .comment-list .children .comment-main { margin-left: 90px; } .comment-main:after, .comment-main:before { right: 100%; top: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .comment-main:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 10px; margin-top: -10px; } .comment-main:before { border-color: rgba(225, 225, 225, 0); border-right-color: inherit; border-width: 13px; margin-top: -13px; } .comment-main .vcard, .comment-main .comment-text, .comment-main .reply { width: 100%; display: inline-block; } .comment-main .vcard { margin-bottom: 10px; } .comment-main .vcard .fn { float: left; font-weight: 700; font-size: 16px; font-style: normal; } .comment-main .vcard .fn a:hover { text-decoration: underline; } .comment-main .vcard .comm-edit { float: right; text-transform: uppercase; font-size: 12px; font-weight: 700; } .comment-main .vcard .comment-date { letter-spacing: 1px; } .comment-main .vcard .comment-edit-link { text-transform: none; margin-left: 10px; } .comment-main .vcard .comment-edit-link:hover { text-decoration: underline; } .comment-main .comment-text { font-size: 16px; margin-bottom: 20px; -ms-word-wrap: break-word; word-wrap: break-word; } .comment-main .comment-text p, .comment-main .comment-text blockquote p:last-child { margin: 0 0 15px 0; } .comment-main .comment-text p:last-child { margin: 0; } .comment-text blockquote { padding-top: 20px; font-size: 20px; } .comment-text h1, .comment-text h2, .comment-text h3, .comment-text h4, .comment-text h5, .comment-text h6 { padding-top: 10px; margin-bottom: 15px; } .comment-text h1 { font-size: 28px; } .comment-text h2 { font-size: 26px; } .comment-text h3 { font-size: 24px; } .comment-text h4 { font-size: 22px; } .comment-text h5 { font-size: 20px; } .comment-text h6 { font-size: 18px; } .comment-main .comment-reply-link { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 1px; border-bottom-width: 2px; border-bottom-style: solid; text-transform: uppercase; padding: 0 1px 0 2px; margin-bottom: 10px; } .comment-text li ul, .comment-text li ol { margin-bottom: 0; } .comment-respond { margin: 75px 0 0 0; } .comment-respond, .comment-form, .comment-form p, .comment-reply-title { width: 100%; overflow: hidden; clear: both; display: inline-block; } .comment-reply-title { font-size: 32px; letter-spacing: -1px; font-weight: 700; margin-bottom: 10px; line-height: 110%; } .comment-reply-title small { float: right; font-size: 14px; line-height: 32px; letter-spacing: normal; padding: 0 10px; display: inline-block; } li .comment-reply-title small { border-width: 1px; border-style: solid; } .comment-form p { float: left; } .comment-form .required { color: red; } .comment-notes, .logged-in-as, .form-allowed-tags { font-size: 14px; } .form-allowed-tags code { font-size: 12px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { width: 33.333%; clear: none; overflow: hidden; } .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-comment label, .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 92%; display: inline-block; float: left; clear: both; margin-bottom: 5px; } .comment-form-url label, .comment-form-url input { width: 100%; } .comment-form-comment textarea { width: 100%; margin-bottom: 0; } .form-submit input[type=submit] { padding: 20px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } /* --- 4.1.4 Post Formats */ .post-format-icon { display: inline-block; position: absolute; width: 56px; line-height: 56px; z-index: 2; bottom: -14px; left: 0; text-align: center; font-size: 18px; } .post-format-icon:after { position: absolute; content: ""; bottom:0; right: -14px; display: block; width: 0; height: 0; border-style: inset; border-style: solid; border-width: 14px 14px 0 0; border-color: #000 transparent transparent transparent; -webkit-transform:rotate(360deg); } .post-content .details .post-format-icon { position: absolute; bottom: -34px; right: 10px; left: auto; } .post-content .details .post-format-icon:hover { padding-bottom: 9px; } .post-content .details .post-format-icon:after { right: auto; left: -14px; border-width: 0 14px 14px 0; border-color: transparent #000 transparent transparent; } /* --- 4.1.5 Gallery */ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 8px 8px 0; overflow: hidden; position: relative; } .gallery-item img { border: none; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 8px); max-width: calc(50% - 8px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 8px); max-width: calc(33.3% - 8px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 8px); max-width: calc(25% - 8px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 8px); max-width: calc(20% - 8px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 8px); max-width: calc(16.7% - 8px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 8px); max-width: calc(14.28% - 8px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 8px); max-width: calc(12.5% - 8px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 8px); max-width: calc(11.1% - 8px); } .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-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 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; } /* --- 4.1.6 Plugins Compatibility */ /* Content - WP Product Review */ .content-wrap #review-statistics .review-wrap-up { border-width: 1px; border-style: solid; } .content-wrap #review-statistics .review-wrap-up .review-wu-left { margin-top: 0; } .content-wrap #review-statistics .review-wu-bars h3, .content-wrap .review-wu-bars span { font-size: 14px !important; } .content-wrap #review-statistics .review-wrap-up .review-wu-right h2 { font-size: 16px; letter-spacing: 0.1em; } .content-wrap #review-statistics .review-wrap-up .review-wu-right ul li { font-size: 16px; } .content-wrap #review-statistics .review-wrap-up .review-wu-left .review-wu-grade { height: 150px; border-right: none; border-left-width: 1px; border-left-style: solid; } .content-wrap #review-statistics .review-wrap-up .review-wu-left .rev-wu-image { position: relative; } .content-wrap #review-statistics .review-wrap-up .review-wu-left .rev-wu-image a { display: block; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; } .content-wrap #review-statistics .review-wrap-up .cwpr-review-top { border-bottom-width: 1px; border-bottom-style: solid; } .content-wrap #review-statistics .review-wrap-up .cwpr-review-top .cwp-item { font-weight: 700; } .content-wrap #review-statistics .review-wu-bars { width: 100%; border-right: none; box-shadow: 1px 1px 0 #e1e1e1; padding-bottom: 20px; border-top-width: 1px; border-top-style: solid; } .content-wrap #review-statistics .review-wu-bars ul li { padding-bottom: 0; height: 12px; } .content-wrap #review-statistics .review-wrap-up .review-wu-right { border-left-width: 1px; border-left-style: solid; } .content-wrap .review-wu-bars, .content-wrap .review-wu-right { box-sizing: inherit !important; } .content-wrap .affiliate-button a { border-radius: 0px; } .content-wrap .affiliate-button a span { font-style: normal; font-weight: 700; } .comments-area #cwp-slider-comment { width: 100%; float: left; clear: both; margin: 0 0 30px 0; } .comments-area #cwp-slider-comment .comment-form-meta-option { width: 50% !important; float: left; padding: 10px 20px; margin: 0; } .comments-area #cwp-slider-comment .comment-form-meta-option label { font-style: italic; } .comments-area #cwp-slider-comment .comment-form-meta-option .comment_meta_slider { box-shadow: inset 0px 0px 5px #e1e1e1; } .comments-area .user-comments-grades { border-width: 1px; border-style: solid; border-radius: 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } .comments-area .user-comments-grades .comment-meta-option-name { color: inherit !important; } .wrap .cwp-popular-review { min-height: 60px; overflow: hidden; padding: 15px 15% 15px 0 !important; margin-bottom: 0px !important; border-bottom-width: 1px; border-bottom-style: solid; } .wrap .cwp-popular-review .cwp_rev_image { width: 30% !important; float: left; border-radius: 0; } .wrap .cwp-popular-review a { display: block; float: left; } .wrap .review-grade-widget { position: absolute; height: 100%; top: 0; right: 0; width: 15%; } .wrap .cwp-popular-review .cwp-review-chart { border: 0px solid #fff; width: 40px; height: 40px; top: 10px; margin-top: 0; } .wrap .cwp-popular-review .cwp-review-chart .cwp-review-percentage { width: 40px !important; height: 40px !important; } /* -- 4.2 Sidebars */ .add-some-widgets { width: 100%; padding: 30px 0; text-align: center; display: inline-block; } .mini-sidebar, .sidebar, .mini-sidebar-bg { padding-top: 50px; -webkit-box-shadow: 1px 0 0 #e1e1e1; -moz-box-shadow: 1px 0 0 #e1e1e1; box-shadow: 1px 0 0 #e1e1e1; } .mini-sidebar, .mini-sidebar-bg { height: 100%; width: 245px; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.02))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f4f4f4', GradientType=1 ); } .mini-sidebar { background: none; } .mini-sidebar { position: relative; float: left; z-index: 2; } .mini-sidebar-bg { position: absolute; top: 0; left: 0; right: auto; bottom: 0; padding: 0; margin: 0; z-index: 1; } .sidebar { position: relative; float: right; width: 28%; -webkit-box-shadow: -1px 0 0 #e1e1e1; -moz-box-shadow: -1px 0 0 #e1e1e1; box-shadow: -1px 0 0 #e1e1e1; } .sidebar-heading, .tabs-widget-navigation { position: relative; display: block; width: 100%; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; border-bottom-width: 4px; border-bottom-style: double; line-height: 1; padding: 0 0 25px 35px; margin-bottom: 15px; } .side-box { width: 100%; margin-bottom: 45px; line-height: 150%; } .side-box.larger { display: none; } .sb-content { width: 100%; position: relative; } .mini-sidebar .sb-content { padding: 0 45px 0 35px; } .sidebar .sb-content { padding: 0 0 0 45px; } .sb-content li > ul, .sb-content li > ol { margin: 0; } .sb-content ul { list-style: none; width: 100%; position: relative; } .sb-content ul li { display: block; padding: 0; margin-bottom: 15px; } .sb-content ul li:last-child { margin-bottom: 0; } .sb-content ul.normal-list li { display: block; width: 100%; padding: 5px 0; margin: 0; } .mini-sidebar .normal-list { font-size: 16px; font-weight: 700; } .sidebar .sidebar-heading, .sidebar .tabs-widget-navigation { border-top-width: 1px; border-top-style: solid; padding: 25px 45px 25px 0px; margin-bottom: 45px; position: relative; } .sidebar .tabs-widget-navigation { padding: 0 0 0 45px; } .sidebar .sidebar-heading:before, .sidebar .sidebar-heading:after { content: ""; display: block; position: absolute; width: 45px; height: 100%; left: -45px; top: -1px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; border-top-width: 1px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: double; border-color: inherit; } .sidebar .sidebar-heading:after { left: auto; right: -45px; display: none; } .mini-sidebar p, .sidebar p { margin-bottom: 25px; } .mini-sidebar p:last-child, .sidebar p:last-child { margin-bottom: 0; } /* -- 4.3 Widgets */ /* --- WP RSS Widget */ .widget_rss .rsswidget, .widget_rss .rss-date { font-size: 11px; text-transform: uppercase; } /* --- WP Calendar */ #wp-calendar { width: 100%; border-width: 1px; border-style: solid; text-align: center; } #wp-calendar td, #wp-calendar th { text-align: center; } #wp-calendar table { line-height: 2; margin: 0; } #wp-calendar caption { font-weight: 700; margin-bottom: 20px; text-transform: none; } #wp-calendar thead th { background-color: rgba(255, 255, 255, 0.1); } #wp-calendar tbody td, #wp-calendar thead th { border-style: solid; font-size: 12px; font-weight: 700; } #wp-calendar tbody a { display: block; } #wp-calendar #prev, #wp-calendar #next { font-weight: 700; font-size: 12px; text-transform:uppercase; padding: 6px 0; } /* --- Tabs Widget */ .tabs-widget-navigation ul { list-style: none; float: left; } .tabs-widget-navigation ul li { display: block; float: left; } .tabs-widget-navigation ul li a { display: block; position: relative; width: 60px; text-align: center; font-size: 14px; line-height: 60px; margin-right: -1px; border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; } .tabs-widget-navigation ul li a.selected:after { content: ""; display: block; position: absolute; width: auto; height: 15px; bottom: -15px; left: -1px; padding: 0 29px; border-width: 1px; border-style: solid; border-top: none; border-color: inherit; background-color: inherit; } /* --- Same styles in some widgets */ .ac-popular-posts .category, .ac-popular-posts .title, .ac-popular-posts .the-percentage, .ac-recent-posts .category, .ac-recent-posts .title { width: 100%; display: block; } .ac-popular-posts .title, .ac-recent-posts .title, .sidebar #recentcomments a { font-size: 19px; font-weight: 700; letter-spacing: -1px; line-height: 120%; margin: 8px 0 12px 0; } .ac-popular-posts .title:hover, .ac-recent-posts .title:hover { text-decoration: underline; } /* --- Popular Posts */ .ac-popular-posts li { display: block; width: 100%; position: relative; min-height: 60px; margin-bottom: 30px; } .ac-popular-posts li:last-child { margin-bottom: 0; } .ac-popular-posts .position { position: absolute; display: block; top: 0; left: 0; width: 60px; line-height: 60px; border-width: 1px; border-style: solid; font-size: 30px; font-weight: 400; text-align: center; } .ac-popular-posts .details { width: auto; margin: 0 0 0 80px; padding-right: 15px; } .ac-popular-posts .the-percentage { height: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 5px; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5JyBoZWlnaHQ9JzknIHZpZXdCb3g9JzkgMCA5IDknIGVuYWJsZS1iYWNrZ3JvdW5kPSduZXcgOSAwIDkgOScgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+Cgk8cG9seWdvbiBvcGFjaXR5PSIwLjE1IiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE1LDkgOSw5IDE0LDAgMjAsMCAiLz4KCTxwb2x5Z29uIG9wYWNpdHk9IjAuMTUiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNiw5IDAsOSA1LDAgMTEsMCAiLz4KPC9zdmc+'); background-repeat: repeat-x; } /* --- Recent Posts Widget */ .sb-content .ac-recent-posts > li { display: block; width: 100%; margin-bottom: 30px; } .ac-recent-posts .thumbnail { width: 30%; float: left; } .ac-recent-posts .details { width: 65%; float: right; } .ac-recent-posts li.full-width { border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 15px; padding-bottom: 15px; } .ac-recent-posts li.full-width:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .ac-recent-posts li.full-width .details { width: 100%; float: left; } .ac-recent-posts .title { margin-bottom: 0px; } /* --- Recent Comments Widget */ .sidebar #recentcomments li { overflow: hidden; padding: 0 15px 15px 0; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; } .sidebar #recentcomments li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .sidebar #recentcomments a { float: left; display: block !important; width: 100%; clear: both; text-transform: none; position: relative; } .sidebar #recentcomments a:hover { text-decoration: underline; } .sidebar #recentcomments a.url { display: inline !important; float: none; padding-top: 0; } .sidebar #recentcomments a:before { content: ""; width: 100%; display: block; height: 8px; } .sidebar #recentcomments a.url:hover { text-decoration: none; } .sidebar #recentcomments a.url:before { display: none; } /* --- Tag Cloud Widget */ .tagcloud { width: 100%; overflow: hidden; } .tagcloud a { float: left; font-size: 13px; display: inline-block; line-height: 22px; padding: 0 7px; text-transform: lowercase; margin: 0 3px 3px 0; border-width: 1px; border-style: solid; } /* --- Twitter Widget */ .ac-twitter-widget-ul { overflow: hidden; padding-bottom: 3px; } .ac-twitter-widget-ul li.ac-twitter-tweet { display: block; width: 100%; border-width: 1px; border-style: solid; padding: 20px; margin-bottom: 10px; -webkit-box-shadow: 0 3px 0 rgba(225, 225, 225, 0.5); -moz-box-shadow: 0 3px 0 rgba(225, 225, 225, 0.5); box-shadow: 0 3px 0 rgba(225, 225, 225, 0.5); font-size: 14px; } .ac-twitter-tweet-time { margin-top: 10px; } .ac-twitter-tweet-time em, .ac-twitter-tweet-time i { float: left; margin-right: 5px; font-style: normal; } .ac-twitter-tweet-time em { line-height: 15px; } .ac-twitter-tweet-time i { color: #65b8e3; opacity: 0.5; font-size: 16px; } .ac-twitter-widget-ul li:hover i { opacity: 1; } .ac-twitter-follow-button { width: 100%; clear: both; margin-top: 25px; text-align: center; } /* --- Social Buttons Widget */ .ac-social-buttons-widget ul { list-style: none; } .ac-social-buttons-widget ul li { width: 48%; margin-bottom: 10px; } .mini-sidebar .ac-social-buttons-widget li { width: 100%; clear: both; } /* --- Featured Posts Widget */ .ac-featured-posts li { display: block; width: 100%; margin-bottom: 30px; } .ac-featured-posts .thumbnail .details { width: 75%; height: auto; position: absolute; bottom: 0; left: 0; padding: 30px 30px 0 0; background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0.6) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(1%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0.6))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0.6) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0.6) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0.6) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0.6) 100%); } .ac-featured-posts .thumbnail .details .category { display: block; width: 100%; } .ac-featured-posts .thumbnail .details .title { font-size: 17px; font-weight: 700; letter-spacing: -1px; line-height: 140%; margin: 10px 0 0 0; display: block; } .ac-featured-posts .thumbnail .details .title:hover { text-decoration: underline; } .ac-featured-posts .thumbnail .details .read-more { display: block; font-size: 12px; position: relative; line-height: 30px; width: 20px; margin-bottom: 15px; } /* --- Some Advertising Styles */ .banner-small-title { display: block; width: 100%; clear: both; height: 9px; margin-bottom: 8px; position: relative; } .banner-small-title:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .banner-small-title a { position: relative; display: inline-block; line-height: 9px; float: left; clear: both; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; z-index: 2; padding-right: 10px; } .banner-small-title a:hover { text-decoration: underline; } /* --- 300x250px Ad Widget */ .banner-300-wrap { width: 300px; margin: 0 auto; } /* --- 160x600px Ad Widget */ .banner-160-wrap { width: 100%; clear: both; } .banner-160-wrap .ad160 { width: 160px; overflow: hidden; margin: 0 auto; } .mini-sidebar .banner-160-wrap { padding-left: 35px; margin-bottom: 45px; } .mini-sidebar .banner-160-wrap .ad160 { margin: 0; } /* --- 125x125px Ads Widget */ .banners-125-wrap { width: 300px; margin: 0 auto; } .banners-125-wrap.under { margin-top: -25px; } .banners-125-wrap ul { list-style: none; width: 100%; padding: 0 0 -20px 0; margin: 0; overflow: hidden; position: relative; } .banners-125-wrap ul:before { content: ""; position: absolute; top: 0; left: 50%; width: 8px; height: 100%; margin-left: -4px; } .banners-125-wrap ul li { padding: 0; margin: 0; width: 125px; height: 125px; overflow: hidden; margin-bottom: 20px; } .banners-125-wrap ul li.last { margin-bottom: 0; } /* -- 4.4 Pages */ .page-full-width { margin: 0; padding: 0 45px; } .page-full-width .content-wrap { width: 100%; border: none; } .page-full-width .single-style-template-1 { padding: 0; } /* -- 4.4.1 404 Page */ .page-404, .not-found-header { width: 100%; overflow: hidden; } .not-found-header { margin: 90px 0; } .not-found-header h1, .not-found-header h2 { text-align: center; display: block; width: 100%; } .not-found-header h1 { font-size: 140px; font-weight: 700; letter-spacing: -5px; } .not-found-header h2 { font-size: 20px; font-weight: 700; line-height: 145%; } .try-a-search { font-size: 16px; font-weight: 700; } /* -- 4.5 Slider */ .slider-wrap { width: 100%; overflow: hidden; padding: 0 45px; margin-bottom: 50px; position: relative; } .slider { position: relative; overflow: hidden; width: 100%; } .slider ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .slider li { float: left; padding: 0; margin-right: 0; overflow: hidden; position: relative; } .slider img { display: block; max-width: 100%; height: auto !important; } .slider .details { width: 100%; position: relative; margin-top: -70px; z-index: 2; } .slider .title, .slider .info { width: 80%; padding: 20px; } .slider .title { display: inline-block; font-size: 21px; font-weight: 700; letter-spacing: -1px; line-height: 120%; min-height: 85px; } .slider li:hover .title a, .slider li:hover .category, .slider .title a:hover, .slider .category:hover { text-decoration: underline; } .slider .details .info { padding-top: 0; padding-bottom: 0; line-height: 30px; font-size: 10px; } .slider .com, .slider .date, .slider .category { display: inline-block; float: left; padding: 0 14px; box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1) inset; opacity: 0.9; } .slider .com { font-size: 11px; opacity: 1; } .slider .com:hover, .slider .date:hover, .slider .category:hover { opacity: 1; } .slider-controls { position: relative; width: 100%; border-width: 1px; border-style: solid; border-top-width: 5px; margin-top: 25px; line-height: 55px; } .slider-pagination { display: inline-block; float: right; margin: 0 25px 0 0; } /* - 5.0 Footer */ .footer-wrap { padding: 135px 0; /*background:#eee;*/ background:#212E35; margin: -5px 0; } .footer-credits { width: auto; margin-right: 155px; margin-left: 45px; } .footer-credits .blog-title, .footer-credits .copyright, .footer-credits .theme-author { float: left; clear: both; margin-bottom: 20px; } .footer-credits .blog-title { font-size: 30px; letter-spacing: 10px; font-weight: normal; text-transform: uppercase; text-align: left; opacity: 0.5; } .footer-credits .copyright { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .footer-credits .theme-author { font-size: 14px; font-style: italic; border-bottom: 2px solid rgba(225, 225, 225, 0.9); padding-bottom: 5px; } .footer-credits .theme-author a { margin-right: 5px; } .footer-credits .theme-author em { margin-left: 5px; } .footer-credits .theme-author a:last-child { margin: 0; } /* - 10.0 Buttons */ /* -- Slider Controls */ .slide-btn { float: left; text-align: center; padding: 0 30px; border-right-width: 1px; border-right-style: solid; font-size: 12px; } .slider-pagination a { display: block; width: 26px; height: 26px; float: left; margin: 15px 0 0 10px; border-width: 1px; border-style: solid; padding: 6px; } .slider-pagination a span { display: block; width: 100%; height: 100%; float: left; } .slider-pagination a:hover span { background-color: rgba(0, 0, 0, 0.3); } .slider-pagination a.active span { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); } /* -- Browse By Close Button */ .close-browse-by { display: inline-block; float: right; font-size: 14px; height: 40px; width: 40px; line-height: 34px; text-align: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; border-width: 3px; border-style: solid; } /* -- Post Navigation Buttons */ .post-navigation a, .post-navigation span { display: inline-block; width: 50%; line-height: 130px; text-align: center; font-size: 60px; border-width: 1px; border-style: solid; border-left: none; border-bottom: none; border-top: none; } .post-navigation .prev-post { float: left; } .post-navigation .next-post { border-right: none; float: right; } /* -- About The Author Links */ .about-the-author .links a { display: inline-block; width: 100%; line-height: 26px; text-align: center; font-size: 13px; float: left; box-shadow: 0 0 5px rgba(255, 255, 255, 0.4) inset; } /* -- Sidebar Social Buttons */ .sidebar .social-btn i, .mini-sidebar .social-btn i, .sidebar .social-btn, .mini-sidebar .social-btn { line-height: 55px; } .social-btn { display: block; width: 100%; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 0 15px; position: relative; overflow: hidden; } .sidebar .social-btn i, .mini-sidebar .social-btn i { width: 55px; float: right; border-left: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px; font-weight: normal; text-align: center; } .social-btn:hover { padding-left: 20px; } .header-social-icons a.social-btn { width: 30px; line-height: 30px; height: 30px; text-align: center; padding: 0; } .header-social-icons a.social-btn i { width: auto; float: none; border: none; line-height: 30px; font-size: 13px; } /* --- Social Buttons Colors */ .social-btn.facebook { background-color: #659de3; } .social-btn.twitter { background-color: #65b8e3; } .social-btn.google-plus { background-color: #e3be65; } .social-btn.rss { background-color: #e38c65; } .social-btn.youtube { background-color: #e36a65; } .social-btn.instagram { background-color: #65a3e3; } .social-btn.flickr, .about-the-author .author-link { background-color: #666; } .social-btn.tumblr { background-color: #6eb8d9; } .social-btn.vk { background-color: #659de3; } .social-btn.pinterest { background-color: #e36a65; } .social-btn.linkedin { background-color: #6eb8d9; } .social-btn.dribbble { background-color: #e265aa; } .social-btn.github { background-color: #666666; } /* --- Social Buttons Colors | :hover state */ .social-btn.facebook:hover { background-color: #559af2; } .social-btn.twitter:hover { background-color: #55bcf2; } .social-btn.google-plus:hover { background-color: #f2c355; } .social-btn.rss:hover { background-color: #f28555; } .social-btn.youtube:hover { background-color: #f25c55; } .social-btn.instagram:hover { background-color: #55a1f2; } .social-btn.flickr:hover, .about-the-author .author-link:hover { background-color: #777777; } .social-btn.tumblr:hover { background-color: #60bce6; } .social-btn.vk:hover { background-color: #559af2; } .social-btn.pinterest:hover { background-color: #f25c55; } .social-btn.linkedin:hover { background-color: #60bce6; } .social-btn.dribbble:hover { background-color: #f155ab; } .social-btn.github:hover { background-color: #777777; } /* --- Social Buttons Colors | :active state */ .social-btn.facebook:active { background-color: #779ed0; } .social-btn.twitter:active { background-color: #77b1d0; } .social-btn.google-plus:active { background-color: #d0b677; } .social-btn.rss:active { background-color: #d09277; } .social-btn.youtube:active { background-color: #d07c77; } .social-btn.instagram:active { background-color: #77a2d0; } .social-btn.flickr:active, .about-the-author .author-link:active { background-color: #888888; } .social-btn.tumblr:active { background-color: #7db1c9; } .social-btn.vk:active { background-color: #779ed0; } .social-btn.pinterest:active { background-color: #d07c77; } .social-btn.linkedin:active { background-color: #7db1c9; } .social-btn.dribbble:hover { background-color: #cf77a7; } .social-btn.github:active { background-color: #888888; } /* -- Posts Small Share Buttons Template 1 */ .post-template-1 .details .p-share em { font-style: normal; display: inline-block; padding-right: 6px; } .post-template-1 .details .p-share .contents a { line-height: 32px; width: 32px; font-size: 12px; text-align: center; margin: 8px 0 0 2px; padding: 0; } .post-template-1 .details .p-share .contents a i { line-height: 32px; } .post-template-1 .details .p-share .contents .close-this-temp1 { position: absolute; top: 0; right: 0; width: 48px; line-height: 48px; border-left-width: 1px; border-style: solid; margin: 0; } /* --- Posts Pagination Buttons */ .posts-pagination a, .comments-pagination a, .page-links-wrap a, .posts-pagination span.current, .posts-pagination span.dots, .page-links-wrap span { display: block; padding: 15px 25px; border-right-width: 1px; border-right-style: solid; } .posts-pagination .next, .comments-pagination .next { border: none; } .posts-pagination a:hover, .page-links-wrap a:hover, .comments-pagination a:hover { background-color: rgba(225, 225, 225, 0.2); } /* -- Footer Buttons */ .back-to-top { position: absolute; top: 45px; right: 45px; display: block; font-size: 45px; height: 110px; width: 110px; line-height: 1; padding-top: 25px; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border-width: 5px; border-style: solid; } /* -- 10.1 Inputs */ .sidebar select, .mini-sidebar select { width: 100%; } select { font-size: 0.875em; -webkit-border-radius: 0; border-radius: 0; } textarea, input, select { padding: 10px 6px; border-width: 2px; border-style: solid; font-size: 0.875em; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; margin: 0; } textarea { width: 100%; line-height:160%; } textarea:hover, input[type=text]:hover, input[type=email]:hover, input[type=url]:hover, input[type=password]:hover { outline: 0; outline: thin dotted \9; } textarea:focus, input:focus { outline: 0; outline: thin dotted \9; } ::-webkit-input-placeholder { color: #ccc; } :-moz-placeholder { color: #ccc; } ::-moz-placeholder { color: #ccc; } :-ms-input-placeholder { color: #ccc; } button, .contributor-posts-link, input[type="button"], input[type="reset"], input[type="submit"] { border: 0; font-size: 0.875em; font-weight: 700; padding: 12px 32px; text-transform: uppercase; vertical-align: bottom; margin: 0; } button:hover, button:focus, .contributor-posts-link:hover, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { opacity: 0.9; } button:active, .contributor-posts-link:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { opacity: 0.7 } .screen-reader-text { width: 100%; display: block; float: left; clear: both; margin-bottom: 5px; } .sidebar .search-field, .sidebar .search-submit { height: 46px; line-height: 1; } .sidebar .search-field { float: left; width: 58%; } .sidebar .search-submit { float: right; width: 40%; } /* --- Header Search Form */ .menu-wrap .field-wrap { margin-right: 280px; } .menu-wrap .search-field { display: block; width: 100% !important; height: 180px; padding: 0 30px; margin: 0; line-height: 1.2; border: none; font-size: 60px; font-weight: 400; letter-spacing: -0.035em; } .menu-wrap .search-field:focus { outline: 0; outline: thin dotted \9; } .menu-wrap .search-submit { display: inline-block; float: right; width: 220px; height: 90px; border-width: 2px; border-style: solid; margin: 45px 30px 0 0; text-align: center; font-size: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; outline: none; cursor: pointer; padding:0; } .menu-wrap .search-submit:focus, .menu-wrap .search-submit:hover { opacity: 1 !important; } .menu-wrap .search-submit:active { margin-top: 50px; opacity: 1 !important; } /* - 11.0 Media Queries */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /* Desktop version */ @media screen and (max-width: 1700px) { /* ------ */ .content-wrap { width: 70%; } .sidebar { width: 30%; } } @media screen and (max-width: 1600px) { .mini-sidebar, .mini-sidebar-bg, .wrap-over-1600, .browse-more .banner-160-wrap { /* Elements with Display None */ display: none; } .browse-more { /* Elements with Display Block */ display: block; } /* ------ */ .content-wrap { width: 68%; } .sidebar { width: 32%; } .wrap-template-1 { margin: 0; } .posts-wrap { /*padding: 0 45px 0 0; */ } .post-template-1 .details .detail, .single-template-1 .details .detail { margin-left: 15px; } .single-template-1 .details .detail:first-child { margin-left: 0; } .single-style-template-1, .about-share, .comments-area, #disqus_thread { /*padding: 0 45px 0 0;*/ } .slider-wrap { padding: 0 45px 0 0; } .ac-social-buttons-widget ul li { width: 48%; } } @media screen and (max-width: 1366px) { .post-template-1 .details .detail.index-post-author { /* Elements with Display None */ display: none; } /* ------ */ .content-wrap { width: 66%; } .sidebar { width: 34%; } .slider .title, .slider .info { width: 90%; } /*.ac-social-buttons-widget ul li { width: 100%; }*/ .post-template-1 .title { font-family: 'Roboto', serif; letter-spacing: 0; text-decoration: none; font-size: 25px; } .post-template-1 p, .single-template-1 .single-content { font-size: 19px; } .single-template-1 .title { font-size: 48px; } } @media screen and (max-width: 1280px) { /* ------ */ .slider .title, .slider .info { width: 100%; } .slider .details { margin-top: -30px; } .share-pagination, .about-the-author { width: 100%; clear: both; } .share-pagination { border-right: none; border-bottom-width: 1px; border-bottom-style: solid; } .post-navigation a, .post-navigation span { line-height:80px; font-size: 30px; } } @media screen and (max-width: 1140px) { .advertising728, .post-template-1 .details .index-post-author, .browse-window-opened:after, .logo .description, .gallery-caption { /* Elements with Display None */ display: none; } .sidebar .sidebar-heading:after, .header-social-icons { /* Elements with Display Block */ display: block; } a, a:visited, .menu-wrap, .social-btn, .ac-twitter-tweet-time i, .back-to-top, .close-browse-by, .tagcloud a, .slider .com, .slider .date, .slider .category, .slide-btn, .slider-pagination a, .slider-pagination a:before, .slider li, .slider .details, .about-the-author .links a, .menu-wrap .search-submit, textarea, input, .select, .post-content .details .post-format-icon { /* Disable Animations */ -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } /* ------ */ .logo { left: 50%; } .header-social-icons { padding: 0; margin-right: 30px; } .content-wrap { width: 100%; border-right: none; } .browse-window-opened .side-box.larger { width: 100%; padding-top: 0; } .browse-window-opened .side-box { width: 33.3333%; padding-top: 30px; margin-bottom: 30px; } .page-full-width { padding: 0; } .sidebar { width: 100%; border-width: 1px; border-style: solid; border-top-width: 5px; border-bottom: none; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; } .sidebar .sb-content { padding: 0 45px; } .slider-wrap { padding: 0; } .slider .title, .slider .info { width: 80%; } .slider .details { margin-top: -70px; } .ac-social-buttons-widget ul li { width: 32%; } .ac-social-buttons-widget .alignleft, .ac-social-buttons-widget .alignright { float: left; margin-left: 1%; } .sb-content .ac-featured-posts > li { width: 50%; float: left; margin-bottom: 0; } .ac-popular-posts .title, .ac-recent-posts .title, .sidebar #recentcomments a { font-size: 26px; } .sb-content .ac-popular-posts li { margin-bottom: 25px; } .ac-featured-posts .thumbnail .details { padding: 30px 30px 0 30px; } .posts-wrap { padding: 0; } .posts-pagination, .comments-pagination, .page-links-wrap { padding-right: 0; } .single-style-template-1, .about-share, .comments-area, #disqus_thread { padding: 0; } .search-wrap, .menu-wrap .search-field { height: 100px; font-size: 30px; } .menu-wrap .field-wrap { margin-right: 220px; } .menu-wrap .search-submit { width: 180px; height:60px; margin: 20px 30px 0 0; font-size: 20px; } .menu-wrap .search-submit:active { margin-top: 25px; } /* Mobile Menu */ /*.menu-main { display:none!important; } */ .mobile-menu .sub-menu, .mobile-menu .sub-menu ul { display:none!important; position:relative; visibility:inherit!important; top:0; width:100%; border:none; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none; } .mobile-menu li:hover .sub-menu .sub-menu, .mobile-menu.visible .menu-main li:hover .sub-menu .sub-menu { width:100%; top:0; left:0; } .menu-wrap.visible .mobile-menu { top:70px; } /* .mobile-menu { display:block; position:absolute; top:69px; left:-1px; width:50%; min-width:300px; height:auto; z-index:98; border-width:1px; border-style:solid; border-top:none; padding:15px 30px; }*/ /* .mobile-menu, .search-wrap { -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.1); box-shadow:0 0 15px rgba(0, 0, 0, 0.1); } */ /*.mobile-menu a, .mobile-menu .sub-menu a { display:block; padding:0; line-height:24px; border:none; z-index:2; position:relative; } .mobile-menu .sub-menu li { padding:10px 0; position:relative; } .mobile-menu .sub-menu ul li:before { content:""; position:absolute; top:22px; left:0; height:2px; width:100%; z-index:1; } .mobile-menu .sub-menu li:last-child, .mobile-menu .sub-menu:last-child { padding-bottom:0; } .mobile-menu .sf-sub-indicator { display:inline-block; float:right; margin-right:10px; border-width:2px; border-style:solid; line-height:20px; width:24px; text-align:center; font-size:14px; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; }*/ /* .mobile-menu > li { width:100%; clear:both; float:none; padding:15px 0; border-bottom-width:1px; border-bottom-style:solid; } */ .mobile-menu > li:before { display:none; } .mobile-menu > li:last-child { border:none; } .mobile-menu-button { display:block; } .menu-visible, .mobile-drop-down > .sub-menu, .mobile-drop-down > .sub-menu > .mobile-drop-down > .sub-menu { display:block!important; } .mobile-menu li:hover .sub-menu, .menu-wrap.visible .menu-main li:hover .sub-menu .sub-menu, .menu-wrap.visible .menu-main li:hover .sub-menu { top:0; left:0; } .mobile-menu .sub-menu ul li a, .mobile-menu .sub-menu li li { padding-left:10px; } .single-content h1 { font-size: 32px; } .single-content h2 { font-size: 28px; } .single-content h3 { font-size: 24px; } .single-content h4 { font-size: 20px; } .single-content h5 { font-size: 16px; } .single-content h6 { font-size: 14px; } } @media screen and (max-width: 950px) { /* ------ */ .slider .title, .slider .info { width: 100%; } .slider .details { margin-top: -50px; } } @media screen and (max-width: 900px) { /* ------ */ .ac-featured-posts .thumbnail .details { height: 100%; overflow: hidden; } } @media screen and (max-width: 768px) { /* ------ */ .container { margin: 30px 0; } .wrap { padding: 0 30px; } .content-wrap, .mini-sidebar, .sidebar, .mini-sidebar-bg { padding-top: 30px; } .main-page-title { padding: 30px 0; margin-bottom: 30px; } .main-page-title .page-title { font-size: 20px; } .main-page-title .page-title i { margin-left: 10px; } .side-box { margin-bottom: 30px; } .slider-wrap, .post-template-1, .single-template-1 { margin-bottom: 30px; } .slider .title, .slider .info { width: 100%; } .slider .details { margin-top: -30px; } .slider-controls { margin-top: 0; } .post-template-1 .title { font-size: 36px; } .post-template-1 p { font-size: 17px; } .post-content { width: 65%; padding-left:30px; } .post-thumbnail { width: 35%; } .posts-pagination, .comments-pagination, .page-links-wrap { padding: 30px 0 30px 30px; } .page-template-normal .title, .page-template-full .title { margin-bottom: 30px; } .sidebar .sb-content { padding: 0 30px; } .sidebar .tabs-widget-navigation { padding-left: 30px; } .sidebar .sidebar-heading, .sidebar .tabs-widget-navigation { margin-bottom: 30px; } .sidebar .sidebar-heading:before, .sidebar .sidebar-heading:after { width: 30px; left: -30px; } .sidebar .sidebar-heading:after { left: auto; right: -30px; } .ac-popular-posts .title, .ac-recent-posts .title, .sidebar #recentcomments a { font-size: 22px; } .ac-featured-posts .thumbnail .details { width: 100% } .search-wrap, .menu-wrap .search-field { height: 80px; font-size: 26px; } .menu-wrap .field-wrap { margin-right: 180px; } .menu-wrap .search-field { padding: 0 20px; } .menu-wrap .search-submit { width: 140px; height:40px; margin: 20px 20px 0 0; font-size: 18px; } .menu-wrap .search-submit:active { margin-top: 25px; } /* .footer-wrap { padding-top: 30px; padding-bottom: 200px; }*/ .footer-credits { width: 100%; margin-right: 0; margin-left: 0; text-align: center; } .back-to-top { top: auto; bottom: 30px; right: 50%; margin-right: -55px; } .footer-credits .blog-title, .footer-credits .copyright, .footer-credits .theme-author { float: none; } .footer-credits .blog-title { text-align: center; } .footer-credits .blog-title, .footer-credits .copyright { display: inline-block; width: 100%; } .gallery-item { margin: 0 2px 2px 0; } .gallery-columns-2 .gallery-item { max-width: -webkit-calc(50% - 2px); max-width: calc(50% - 2px); } .gallery-columns-3 .gallery-item { max-width: -webkit-calc(33.3% - 2px); max-width: calc(33.3% - 2px); } .gallery-columns-4 .gallery-item { max-width: -webkit-calc(25% - 2px); max-width: calc(25% - 2px); } .gallery-columns-5 .gallery-item { max-width: -webkit-calc(20% - 2px); max-width: calc(20% - 8px); } .gallery-columns-6 .gallery-item { max-width: -webkit-calc(16.7% - 2px); max-width: calc(16.7% - 2px); } .gallery-columns-7 .gallery-item { max-width: -webkit-calc(14.28% - 2px); max-width: calc(14.28% - 8px); } .gallery-columns-8 .gallery-item { max-width: -webkit-calc(12.5% - 2px); max-width: calc(12.5% - 2px); } .gallery-columns-9 .gallery-item { max-width: -webkit-calc(11.1% - 2px); max-width: calc(11.1% - 2px); } .content-wrap #review-statistics .review-wrap-up .review-wu-left { width: 100%; } .content-wrap #review-statistics .review-wrap-up .review-wu-right { border:none; width: 100%; max-width: 100%; } .content-wrap #review-statistics .review-wrap-up .review-wu-left .review-wu-grade { float: right; } .article-post { padding: 0 !important; } } @media screen and (max-width: 650px) { .post-template-1 .details .p-share, .single-content.featured-image:before, .comment-main:after, .comment-main:before { /* Elements with Display None */ display: none; } /* ------ */ .container { margin: 30px auto; } .content-wrap { padding-top: 30px; } .header-social-icons li { padding: 10px 2px; } .slider-wrap { margin-bottom: 30px; } .slider-controls { margin-top: 0; } .slider .title, .slider .info { padding: 20px 0; } .slider .details { margin-top: -60px; } .post-template-1 .title { font-size: 22px; } .post-template-1 p { font-size: 15px } .post-content { width: 75%; padding-left:25px; } .post-thumbnail { width: 25%; } .post-template-1 .details .detail, .single-template-1 .details .detail { font-size: 10px; } .post-template-1 .details, .single-template-1 .details { height: 36px; line-height: 36px; } .post-template-1 .details .post-small-button a, .post-template-1 .details .post-small-button { width: 36px; font-size: 10px; } .posts-pagination, .comments-pagination, .page-links-wrap { padding: 10px 0 10px 10px; } .posts-pagination .paging-wrap, .comments-pagination .paging-wrap, .page-links-wrap .page-links { font-size: 16px } .posts-pagination a, .comments-pagination a, .page-links-wrap a, .posts-pagination span.current, .posts-pagination span.dots, .page-links-wrap span { padding: 6px 16px; } .single-template-1 .title { font-size: 44px; } .single-template-1 .single-content { font-size: 18px; } .single-template-1 .details .detail { margin: 0 15px 0 0; } .single-template-1 .featured-image-wrap { width: 100%; margin: 0 0 30px 0; clear: both; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .about-share { margin-bottom: 20px; } .ata-wrap .info, .comment-main .comment-text { font-size: 15px; } .comments-title { padding: 30px 0; } .comment-list > li > .comment-body > .comment-avatar { width: 50px; height: 50px; } .comment-list .comment-avatar { padding: 2px; position: absolute; top: -30px; left: 15px; } .comment-main .vcard, .comment-main .comment-text, .comment-main .comment-reply-link { margin-bottom: 0; } .comment-main .vcard { margin-top: 10px; } .comment-main .vcard .comm-edit { font-size: 10px; } .comment-main .vcard .fn { font-size: 13px; } .comment-main { margin-left: 0; padding: 15px; } .comment-list .children, .comment-list .children .children { margin-left: 25px; } .comment-list .children .comment-main { margin: 0; } .comment-list .children .comment-avatar { position: absolute; width: 40px; height: 40px; top: -40px; } .comment-list .children:before { left: 35px; } .comment-reply-title { font-size: 22px; margin-bottom: 0; } .comment-form p { margin-bottom: 15px; } .comment-form .comment-form-author, .comment-form .comment-form-author input { width: 100%; } .comment-form .comment-form-email, .comment-form .comment-form-url { width: 50%; } .ac-social-buttons-widget ul li { width: 48%; } .ac-social-buttons-widget .alignleft, .ac-social-buttons-widget .alignright { margin-left: auto; } .ac-social-buttons-widget .alignleft { float: left; } .ac-social-buttons-widget .alignright { float: right; } /* .menu-wrap { height: 50px; } */ /* .mobile-menu { top:49px; } */.search-visible { top: 48px } .search-button, .mobile-menu-button { width: 60px; line-height: 50px; } .browse-more { width: auto; } .browse-more i { font-size: 14px; } .post-format-icon { width: 36px; line-height: 36px; } } @media screen and (max-width: 600px) { .post-template-1 p, .ac_ad300_widget, .ac_ad125_widget { /* Elements with Display None */ display: none; } /* ------ */ .sb-content .ac-featured-posts > li { width: 100%; } .ac-featured-posts .thumbnail .details { width: 70%; height: 70%; overflow: hidden; } .search-wrap, .menu-wrap .search-field { height: 50px; font-size: 14px; } .menu-wrap .field-wrap { margin-right: 120px; } .menu-wrap .search-field { padding: 0 15px; } .menu-wrap .search-submit { width: 90px; height:30px; margin: 10px 10px 0 0; font-size: 14px; } .menu-wrap .search-submit:active { margin-top: 15px; } .slider .info, .ac-popular-posts .category, .comments-number, .ac-twitter-tweet-time, .ac-featured-posts .thumbnail .details .category, .post-template-1 .details .p-share .contents em, .ac-recent-posts .category, .sidebar #recentcomments a.url, .sidebar #recentcomments, .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-comment label { font-size: 9px; } .footer-credits .theme-author { line-height: 200%; } .comments-area #cwp-slider-comment .comment-form-meta-option { width: 80% !important; float: left; clear: both; } } @media screen and (max-width: 500px) { .slider-pagination, .post-template-1 .details .detail.index-post-date { /* Elements with Display None */ display: none; } /* ------ */ p, .single-template-1 .single-content p, .single-template-1 .single-content ul, .single-template-1 .single-content ol, .single-template-1 .single-content blockquote { margin-bottom: 15px;; } /*.wrap { padding: 0 10px; }*/ .header-wrap .logo { font-size: 24px; } .content-wrap, .mini-sidebar, .sidebar, .mini-sidebar-bg { padding-top: 10px; } .main-page-title { padding: 15px 0; margin-bottom: 15px; } .main-page-title .page-title { font-size: 14px; letter-spacing: -1px; } .main-page-title .page-title i { margin-left: 5px; } .side-box { margin-bottom: 10px; } .slider-wrap, .post-template-1, .single-template-1 { margin-bottom: 15px; } .slider .com, .slider .date, .slider .category { font-size: 9px; line-height: 24px; padding: 0 10px; } .slider-controls { line-height: 36px; border-top-width: 1px; border-bottom-width: 5px; } .slider-controls .slide-btn { padding: 0 20px; } .slider-controls .next-slide { float: right; border-right: none; border-left-width: 1px; border-left-style: solid; } .container { margin: 10px auto; } .header-wrap .wrap { padding: 0; } .menu-wrap { border-left: none; border-right: none; } .single-template-1 .single-content { font-size: 16px; padding-top: 15px; } .single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5 { margin-bottom: 15px; } .post-content { width: 90%; padding-left:0; padding-right: 15px; float: left; margin-top: -50px; z-index: 2; position: relative; } .single-template-1 .post-content { margin-top: 0; } .single-template-1 .title { font-size: 33px !important; } .single-template-1 .details { line-height: 22px; height: auto; } .post-template-1 .details .detail, .single-template-1 .details .detail { font-size: 9px; } .post-thumbnail { width: 100%; z-index: 1; position: relative; } .post-template-1 .title, .post-template-1 p, .post-template-1 .details { margin: 20px 0; } .post-template-1 .title { margin-bottom: 10px; } .post-template-1 .details { margin-top: 0; } .main-page-title .about-share { margin-top: 20px; } .page-template-normal .title, .page-template-full .title { margin-bottom: 15px; } .ata-wrap .info { margin-left: 70px; } .ata-wrap .info, .comment-main .comment-text { font-size: 13px; } .about-share .title, .share-post-box, .ata-wrap { padding: 15px; } .about-share .title { line-height: 150%; text-align: center; padding: 20px 10px; } .about-share .author, .about-share .about-inner { display: block; width: 100%; float: none; clear: both; } .comment-main .vcard .comm-edit { font-size: 9px; } .comment-main .vcard .fn { font-size: 11px; } .comment-form .comment-form-author, .comment-form .comment-form-author input, .comment-form .comment-form-email, .comment-form .comment-form-email input, .comment-form .comment-form-url { width: 100%; } .comment-reply-title small { font-size: 11px; line-height: 26px; padding: 0 5px; } .sidebar .sb-content { padding: 0 10px; } .sidebar .sb-content .title { font-size: 20px; } .sidebar .tabs-widget-navigation { padding-left: 10px; } .sidebar .sidebar-heading { margin-bottom: 10px; } .sidebar .tabs-widget-navigation { margin-bottom: 20px; } .tabs-widget-navigation ul li a { width: 50px; } .tabs-widget-navigation ul li a.selected:after { padding: 0 24px; } .sidebar .sidebar-heading:before, .sidebar .sidebar-heading:after { width: 10px; left: -10px; } .sidebar .sidebar-heading:after { left: auto; right: -10px; } .ac-social-buttons-widget ul li { width: 100%; } .ac-popular-posts .position { width: 50px; line-height: 50px; font-size: 24px; } .ac-popular-posts .details { margin-left: 65px } .ac-featured-posts .thumbnail .details { width: 100%; height: 100%; } } /*Buddypress theme custom css*/ .banner { width:100%; background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/images/banner.jpg) left top no-repeat; background-size:cover; min-height:207px; position:relative; } .image-box { padding:5px; position:absolute; border:1px solid #d1d1d1; background:#fff; top:80px; min-height:210px; width:198px; z-index:9; } .image-box img { float:left; width:100%; } .comment-box { border-bottom:1px solid #dedede; float:left; width:100%; transition:all ease-in 0.5s; background:#fff; z-index:9; backface-visibility:hidden; } .comment-list { padding-left:210px; display: inline-block; vertical-align: middle; } .comment-list li { list-style:none; float:left; padding-left:15px; } .comment-list li a { font-family: 'Roboto', serif; font-size:13px; color:#000; border-bottom:3px solid #fff; -khtml-transition:all ease-in 0.2s; -webkit-transition:all ease-in 0.2s; -ms-transition:all ease-in 0.2s; transition:all ease-in 0.2s; padding:20px 0; display:inline-block; font-weight:700; } .comment-list li a:hover { border-color:#6a6868; color:#6a6868; } .comment-list li a:hover .fa-envelope:before { color:#6a6868; } .comment-list li a.active { border-bottom:3px solid #6a6868; } .comment-list li a span { color:#8d8f8c; padding-left:10px; margin:0; } .follow-img { padding:0 !important; border:0px !important; margin-top:15px; } .blog-content { float:left; width:100%; margin-top:45px; } .sidebar { width:208px; float:left; padding:0; } .blog-content .sidebar { box-shadow:none; margin:-25px 0 250px 0; } .sidebar h1 { font-family: 'Changa One', cursive; font-size:24px; color:#3a9c1b; font-weight:normal; padding-bottom:10px; margin:0; } .sidebar ul li { border-bottom:1px solid #dedede; font-size:14px; padding:6px 0 0 0; font-family: 'Roboto', serif; } .sidebar p { font-size:13px; line-height:18px; padding:10px 0; } .sidebar a { font-family: 'Roboto', serif; color:#8d8f8c; font-weight:700; font-size:13px; } .sidebar a:hover { color:#666; } .blog-main { width:auto; float:left; margin-bottom:100px; } .blog-post { border:1px solid #dcdcdc; width:680px; margin-left:15px; float:left; font-family: 'Roboto', serif; } .recommended { background:#f4f8f9; float:left; width:100%; border-bottom:1px solid #dcdcdc; } .recommended li { float:left; border-right:2px solid #a7a8a9; padding:0 25px; line-height:1; margin:15px 0; } .recommended li:last-child { border:0px; } .recommended li a { font-size:16px; color:#000; font-weight:700; } .recommended li a:hover { color:#737373; } .post li { padding:25px; float:left; border-bottom:1px solid #dcdcdc; -khtml-transition:all ease-in 0.2s; -webkit-transition:all ease-in 0.2s; -ms-transition:all ease-in 0.2s; transition:all ease-in 0.2s; } .post li:hover { cursor:pointer; box-shadow:0 0 0px 1px #dcdcdc inset; } .post li:last-child { border:0px; } .post li h2 { font-size:26px; line-height:30px; font-weight:normal; } .post li h2 a { color:#222222; } .post li h2 a:hover { color:#3a9c1b; } .post li img { width:100%; margin:20px 0 10px 0; float:left; } .post li p { display:inline-block; } .post li p a { font-size:14px; color:#cacaca; font-weight:700; } .post li p a span { font-size: 60px; font-weight: bold; line-height: 0; } .post li p a:hover { color:#000; } .category { color: #bfc0c0; /* float: left; */ font-family: "Roboto", sans-serif, Arial; } /*.category a{font-weight:400 !important; color:#bfc0c0 !important; font-size:13px !important; } .category a:hover{color:#666 !important; } */ .date { font-size: 12px; padding-left: 15px; } .blog-right { margin-left:15px; float:right; width:248px; } .blog-form { width:100%; padding:5%; background:#ebebeb; font-family: 'Roboto', serif; margin-bottom:20px; } .blog-form h4 { color: #373a3a; font-size: 24px; font-weight: normal; line-height: 30px; } .blog-form h4 span { font-size:28px; } .blog-form input, .blog-form textarea { border: 1px solid #d7d7d7; font-size: 14px; margin-top: 14px; padding: 4% 5%; width: 100%; color:#000; } .blog-form textarea { min-height:100px; resize:none; } input[type="button"] { font-size:16px; background:#757777; color:#fff; width:50%; -khtml-transition:all ease-in 0.2s; -webkit-transition:all ease-in 0.2s; -ms-transition:all ease-in 0.2s; transition:all ease-in 0.2s; } input[type="button"]:hover { background:#666; } .fixed { position: fixed; top:110px; left:0; } .hide-img { visibility: hidden; } .client-name { color: #3a9c1b; font-family: "Changa One", cursive; font-size: 24px; font-weight: normal; margin: 0; padding-bottom: 10px; float:left; padding-top:18px; padding-left:4px; } .share { float:right; } .share li { float:left; border:0px; padding:0; box-shadow:none !important; } .share li a { font-family: "Roboto", sans-serif, Arial; font-size:13px; color:#bfc0c0; padding:0 0 0 10px; } .share li a img { width:auto; margin:6px 0 0 0; float:right; } .share li a img:hover { opacity:0.8; -khtml-transition:all ease-in 0.2s; -webkit-transition:all ease-in 0.2s; -ms-transition:all ease-in 0.2s; transition:all ease-in 0.2s; } .share li a:hover { color:#666; } /*--------------css for pop up-----------------*/ .mini-popup-mask { position: absolute; z-index: 9998; top: 0px; left: 0px; background-color: #000000; display: none; width: 100%; height: 100%; filter: alpha(opacity=70); opacity: 0.7; } .mini-popup { position: absolute; z-index: 9999; width: 495px; height: auto; background: #ebebeb; overflow: hidden; padding: 15px 0; display: none; font-size: 12px; box-shadow:0 0 20px 5px rgba(0, 0, 0, 0.4); } .mini-popup-buttons { background: url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/images/popup-buttons.png) no-repeat; display: inline-block; } *+html .mini-popup-buttons { display: inline; } .mini-popup-header { height:auto; clear: both; } .mini-popup-close { float: right; width: 13px; height: 13px; margin-right: 16px; cursor: pointer; background-position: 0 -80px; } .mini-popup-content { color: #3D4550; } .mini-popup-content p { margin: 15px 0 0 0; line-height: 18px; } .mini-popup-content .blog-form { margin-bottom:0px; padding:2% 5%; } .mini-popup-content .blog-form input, .mini-popup-content .blog-form textarea { width:96%; padding:2%; } .mini-popup-content input[type="button"] { width:30% !important; } .sidebar div { border: 1px solid transparent; } .floatingDiv { width: 208px !important; } .hide-text { display:none; } #sidebarFloat-1 .floatingDiv { width: 248px !important; } #buddypress ul.item-list li { padding:25px 45px; } #buddypress div.item-list-tabs#subnav { background: #f4f8f9; margin: 0; overflow: hidden; padding: 10px 1px; float:right;/*border-bottom: 1px solid #dcdcdc;*/ } #buddypress ul.item-list { border-top:none; } #buddypress div.item-list-tabs#subnav ul li.last { margin-top: 0; padding:0 20px; } #buddypress div.item-list-tabs ul li.last select { max-width: 185px; padding: 7px 6px; margin:0; } #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { color: #000000; padding:12px 18px; } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span { color:#000; } body.buddypress .wrap { padding: 0 0px; } body.buddypress .header-wrap { padding: 0 45px; } .wrapper { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; } .hide-remove #item-header-content h2, .hide-remove #item-header-avatar { display:none; } #buddypress div#item-header img.avatar { width:100%; } #buddypress .hide-remove span.activity { margin:180px 0 0px 0; } .blog-post .profile { padding:25px; } #buddypress .sidebar div.item-list-tabs ul li { float:none; display:block; } .clear { clear:both; } .articlePost { margin-left:210px; position:relative; } #buddypress #item-body form#whats-new-form, .item-list-tabs .activity, #buddypress div#message, #item-body form { margin: 0; padding: 25px; } #buddypress form#whats-new-form textarea { height:80px!important; } .membersArea { padding:25px 0; } #buddypress div.dir-search { margin:0; } /*------------CATEGORIES LIST CSS START-------------*/ /*.categories-block ul{ margin:32px 0; padding:0px; } .categories-block ul li{ list-style:none; display:inline; margin:0; padding: 0; position:relative; } .categories-block ul li a{ font-family: 'Roboto', sans-serif; font-size: 20px; color: #FFFFFF; margin: 0 0 1px 1px; padding:100px 35px 50px 26px; display:inline-block; vertical-align:top; min-height: 200px; width: 24.9%; } .blue_color{ background:rgba(7,157,235,0.9); } .radish_color{ background:rgba(235,120,105,0.9); } .grey_color{ background:rgba(84,116,135,0.9); } .green_color{ background:rgba(162,211,84,0.9); } .yellow_color{ background:rgba(237,199,52,0.9); } .brown_color{ background:rgba(141,119,102,0.9); } .purple_color{ background:rgba(156,201,217,0.9); } .black_color{ background:rgba(23,23,21,0.9); } .categories-block ul li .black_color{ padding:20px 22px; } .categories-block ul li .black_color h2{ font-family:'Roboto', sans-serif; font-size:20px; font-weight:700; color:#FFFFFF; margin:5px 0px; } .categories-block ul li .black_color p{ font-family:'Roboto', sans-serif; font-size:14px; margin:0px; color:#FFFFFF; } .categories-block ul li .signup_btn{ font-family:'Roboto', sans-serif; font-size:20px; color:#FFFFFF; padding:9px 49px; margin:10px 0; background:#5440d3; border-bottom:3px solid #4b39bc; -khtml-transition:all ease-in 0.2s; -webkit-transition:all ease-in 0.2s; -ms-transition:all ease-in 0.2s; transition:all ease-in 0.2s; display:inline-block; } .categories-block ul li .signup_btn:hover{ background:#ffffff; border-bottom:3px solid #dcdcdc; color:#5440d3; } */ .categories-block ul { margin:32px auto; padding:0px; list-style-type:none; } .categories-block ul li { position: relative; float: left; overflow: hidden; margin: 1px; width: 24.8%; cursor: pointer; padding:110px 25px 30px 35px; min-height:195px; text-align:center; } .categories-block ul li a { font-family: 'Roboto', sans-serif; font-size: 22px; color: #fff; text-decoration: none; text-align: center; font-weight: bold !important } .blue_color { background:rgba(78, 49, 43, 0.9); } .radish_color { background:rgba(46, 57, 88, 0.9); } .grey_color { background:rgba(62, 132, 187, 0.9); } .green_color { background:rgba(205, 94, 27, 0.9); } .yellow_color { background:rgba(186, 99, 55, 0.9); } .brown_color { background:rgba(98, 140, 152, 0.9); } .purple_color { background:rgba(32, 38, 53, 0.9); } .black_color { background:rgba(255, 255, 255, 0.9); } .categories-block .black_color a { color: #302f41 !important; font-weight: normal !important; } .categories-block ul li.black_color { color:#fff; font-family:'Roboto', sans-serif; /*padding:25px 25px 0 25px;*/ } .categories-block ul li.black_color p { font-size:14px; /*padding:5px 0;*/ margin:0; /*float:left;*/ } .categories-block ul li .signup_btn { font-family: 'Roboto', sans-serif; font-size: 20px; color: #FFFFFF; padding: 9px 49px; margin: 10px 0; background: #5440d3; border-bottom: 3px solid #4b39bc; -khtml-transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s; -ms-transition: all ease-in 0.2s; transition: all ease-in 0.2s; display: inline-block; } .categories-block ul li .signup_btn:hover { background: #ffffff; border-bottom: 3px solid #dcdcdc; color: #5440d3; } .effect-layla a::before, .effect-layla a::after { position: absolute; content: ''; opacity: 0; } .effect-layla a::before { top: 20px; right: 10px; bottom: 20px; left: 10px; /*border-top: 1px solid #fff; border-bottom: 1px solid #fff;*/ -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .effect-layla a::after { top: 10px; right: 20px; bottom: 10px; left: 20px; /*border-right: 1px solid #fff; border-left: 1px solid #fff;*/ -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .effect-layla img, .effect-layla a::before, .effect-layla a::after, .effect-layla p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .effect-layla:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .effect-layla:hover a::before, .effect-layla:hover a::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .effect-layla:hover h2, .effect-layla:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .effect-layla:hover a::after, .effect-layla:hover h2, .effect-layla:hover p, .effect-layla:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .resource_div { width:100%; background:#fff; min-height:200px; float:left; } .resource_div .container { border-width:0; } /*.resource_div .left-part, .resource_div .right-part { width:46%; float:left; margin: 0 4% 0 0; } */ .resource_div .left-part ul, .resource_div .right-part ul { margin:18px 0; padding:0px; } .resource_div .left-part ul li, .resource_div .right-part ul li { list-style:none; margin:0; padding:25px 10px; border-bottom:1px solid #c0bece; } .resource_div .left-part ul li:hover, .resource_div .right-part ul li:hover { background:#f3f3f3; } .resource_div .left-part ul li a, .resource_div .right-part ul li a { text-decoration:none; } .resource_div .left-part ul li a img, .resource_div .right-part ul li a img { float:left; margin:0px 28px 0 0; } .resource_div .left-part ul li a h3, .resource_div .right-part ul li a h3 { font-family: 'Roboto', sans-serif; font-size:20px; color:#000000; font-weight:700; margin:0px; } .resource_div .left-part h2, .resource_div .right-part h2 { font-family:'Roboto', sans-serif; font-size:28px; color:#000000; margin:0px; font-weight:300; border-right:1px solid #cccccc; display:inline-block; vertical-align:top; padding:0 45px 0 0; } .resource_div .left-part h4, .resource_div .right-part h4 { display:inline-block; vertical-align:top; margin:11px 30px; } .resource_div .left-part h4 a, .resource_div .right-part h4 a { font-family:'Roboto', sans-serif; font-size:14px; color:#000000; margin:0px; border-bottom:1px solid #000; text-decoration:none; } .resource_div .left-part ul li a span, .resource_div .right-part ul li a span { font-family:'Roboto', sans-serif; font-size:17px; font-weight:400; color:#000000; margin:1px 0 0 0; } .resource_div .left-part ul li a p, .resource_div .right-part ul li a p { font-family:'Roboto', sans-serif; font-size:15px; font-weight:400; color:#000000; margin:0px; } .resource_div .left-part ul li a p span, .resource_div .right-part ul li a p span { color:#626262; margin:0 5px 0 0; } .financial_div { width:100%; background:url(https://www.consultease.com/wp-content/themes/justwrite-child/images/bottomImgBg.jpg) no-repeat left bottom; margin:0px; padding:50px 0; float:left; height:100%; background-size:cover; } .financial_div h3{ text-align: center; color: #fff; font-size: 34px; font-weight: 700; margin-bottom: 15px; } .financial_div p{ text-align: center; color: #fff; font-size: 18px; padding: 0 80px; font-weight: 300; font-family: Roboto, Arial; } .financial_div .left_side { width:100%; /*float:left;*/ background-color: #eaeaea; border-radius: 6px 6px 0 0; padding: 10px 30px; } .financial_div .left_side h2 { font-family:'Roboto', sans-serif; font-size:50px; color:#000; margin:25px 0px; font-weight:700; display:inline-block; vertical-align:top; } .financial_div .left_side h2 span { font-family:'Roboto', sans-serif; font-size:18px; color:#000000; margin:0px; font-weight:400; display:block; text-align:left; } .financial_div .right_side { /*width:80%;*/ display:inline-block; vertical-align:top; margin: 16px 0; } .financial_div .right_side h3 { font-family:'Roboto', sans-serif; font-size:18px; color:#000; /*display:inline-block;*/ vertical-align:top; margin: 13px 0px; font-weight:400; text-align:center; } .financial_div .right_side p{ font-family:'Roboto', sans-serif; font-size:18px; color:#000000; margin:0px; font-weight:400; text-align:left; padding: 15px 30px; } .financial_div ul { margin:50px 0 0 0; padding:0px 0px; text-align:center; } .financial_div ul li { display: inline-block; vertical-align: top; margin: 0 1% 0 0; list-style: none; background: #fff; border-radius: 5px; width: 32%; text-align: left; min-height:304px; padding:0; } .financial_div ul li:last-child{ margin: 0; width: 33%; } .financial_div ul li img { display:inline-block; vertical-align:top; } .financial_div ul li.homeTestimonial p{ color: #000; padding: 0 30px; max-height: 130px; overflow: hidden; font-family: 'Playfair Display', serif; font-size: 19px; font-weight: 700; } .financial_div ul li.testiContent{ border-bottom: 1px solid #ddd; display:inline-block; } .financial_div ul li.homeTestimonial img{ border-radius: 50%; width: 80px; height: 80px; } .financial_div ul li.homeTestimonial .thumbnailTesti{ vertical-align:middle; display:inline-block; margin-left:90px; } .financial_div ul li.homeTestimonial .client{ vertical-align:middle; display:inline-block; margin-left:20px; font-family: 'Playfair Display', serif; } /*.financial_div ul li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #333333; margin: -4px 0 0 10px; display: inline-block; width: 72%; vertical-align: top; padding: 0; line-height:22px; }*/ .financial_div ul li p span { font-family:'Roboto', sans-serif; font-size:14px; color:#0e8ac2; margin:0px; font-weight:400; display:block; } /*----------------new css for login page---------------*/ .sb-content .sidebar-heading { color: #000; padding: 0px; font-size: 40px; text-transform: capitalize; letter-spacing: 0px; } #bp-login-widget-form input[type="text"], #bp-login-widget-form input[type="password"] { border:2px solid #e1e1e1; color:#000; width:40%; padding:15px; transition:all ease-in 0.2s; } #bp-login-widget-form input[type="text"]:focus, #bp-login-widget-form input[type="password"]:focus { border-color:#000; } #bp-login-widget-form input[type="submit"] { float:left; } #bp-login-widget-form span.bp-login-widget-register-link { float: left; margin: 8px 0 0 0; } .financialBlock { /*padding: 20px 0 0;*/ float:left; width:100%; } #buddypress .standard-form#signup_form div.submit { float:left !important; /*margin-bottom:50px !important;*/ margin-bottom:0px !important; } #buddypress .standard-form#signup_form div.submit input { padding: 15px; background: #be5656; color: #fff; border: 0px; } .register-section input { width: 100% !important; padding: 15px !important; background:#fff !important; border:2px solid #e1e1e1 !important; transition:all ease-in 0.2s; } .register-section input:focus { border-color:#000 !important; } .menu-wrap .menu-main li:last-child a { padding-right: 0; } /*ul.menu-main.mobile-menu.superfish.sf-js-enabled li { display:inline-block; float:none; } *//*.field_24{ width:32%; float:left; } .field_33{ width:20%; float:left; } .field_24 label, .field_33 label{ margin:0 10px 0 0; } .field_24 select#field_24, .field_33 input#field_33{ border:1px solid #89889f; padding:15px 10px; color:#b4b3b8; width:76%; } .field_33 input#field_33{ width:76%; padding:16px 10px; }*/ .field_primary-category { float: left; width:auto; } .field_city { float: left; width: auto; /*margin-right: 10px; margin-left:20px;*/ } .field_primary-category select { border: 1px solid #89889f; /*padding: 12px 20px;*/ font-family: 'Roboto', arial; font-size: 13px; color: #b4b3b8; /*margin: 0 0 0 10px;*/ margin: 0 8px; height: 53px; padding: 0 10px; } .field_city input[type="text"] { border: 1px solid #89889f; /*padding: 13px 40px 13px 20px;*/ font-family: 'Roboto', arial; font-size: 13px; color: #b4b3b8; /*margin: 0 0 0 10px;*/ padding:0 20px; margin: 0; height:53px; } .find-consultant .submit { float:left; } div.submit input { background: #3b9b21!important; font-family: 'Roboto', sans-serif!important; font-weight: 300!important; color: #FFFFFF!important; margin: 0px!important; float: left!important; padding: 12px 25px!important; border-bottom: 5px solid #358a1d!important; width: inherit!important; text-transform: capitalize!important; font-size: 18px!important; border-left:none!important; border-right:none!important; border-top:none!important; } .item-list-tabs { width:35%!important; margin:0px!important; } .resource_div .left-part ul li:last-child, .resource_div .right-part ul li:last-child { border:0px; } .dwqa-popular-questions { margin: -23px 0 0 0; } .about-share .as-wrap { display:none; } .comment-list li .generic-button { margin-top:14px; } .icons { width: 50px; height: auto; background: #fff; position: fixed; z-index: 999999; right: 0; top: 40%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); padding: 8px 0 8px 8px; } .facebook { width:35px; height:36px; float:left; background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/icon-1.jpg) no-repeat; margin-bottom:8px; } .facebook:hover { opacity:.8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .twitter { width:35px; height:36px; float:left; background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/icon-2.jpg) no-repeat; margin-bottom:8px; } .twitter:hover { opacity:.8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .google { width:35px; height:36px; float:left; background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/icon-3.jpg) no-repeat; margin-bottom:8px; } .google:hover { opacity:.8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .link { width:35px; height:36px; float:left; background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/icon-4.jpg) no-repeat; } .link:hover { opacity:.8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .home-category-icon { position: absolute; top: 30px; left:0; right:0; margin:0 auto; } .categories-block ul li.black_color h2 { float: none; color: #302f41; font-size: 22px; font-weight: bold; } .categories-block ul li.black_color { padding:107px 1px 0px; } .categories-block ul li.black_color p { float:none; } .home-resource { text-align:center; padding-bottom: 40px; } .home-resource h2 { font-size: 32px; color: #282645; font-weight: 700; font-family: Roboto; } .home-resource p{ font-size: 20px; color: #282645; font-family: Roboto; } .resource_div .left-part { width:37.3%; float:right; /*margin: 0 4% 0 0;*/ } .resource_div .right-part { width:34%; float:left; /*margin: 0 4% 0 0;*/ } .middle-part { width: 27%; float:right; background-color:#0f434c; margin: 0 0 0 10px; padding:20px; min-height: 450px; } .middle-part p { color: #fff; text-align: center; margin: 40% 0; } .resource_div .right-part ul li a .question-icon img { float: none; } .resource_div .right-part h2 { padding: 0 9px 0 0 !important; } .resource_div .right-part h4, .resource_div .left-part h4 { margin: 7px 10px !important; } .resource_div .left-part ul li { border: 1px solid #c0bece; padding: 40px 10px; } .resource_div .left-part ul li:last-child { } .resource_div .left-part h2 { margin-left: 60px; padding: 0 9px 0 0 !important; } .resources-right { border: 1px solid #c0bece; margin: 6px 0 !important; padding: 80px 10px !important; background-color: #515558; color: #fff; } .left_side img { float: right; margin: 20px 0; } .financial_div .right_side p.trusted_txt a { color: #2B9AF3; } .financial_div .right_side p.trusted_txt a:hover { text-decoration: underline; } .blue-icon { height: 64px; width: 50px; } .radish-icon { height: 63px; width: 63px; } .grey-icon { height: 63px; width: 63px; } .green-icon { height: 60px; width: 60px; } .yellow-icon { height: 64px; width: 64px; } .brown-icon { height: 64px; width: 48px; } .purple-icon { height: 73px; width: 70px; } .black-icon { height: 64px; width: 64px; } .categories-block ul li:hover { background: #fff; transition: all 1.2s ease; } .categories-block ul li:hover a { color: #000; } .categories-block ul li.black_color:hover h2 { color:#000; transition: all 1.2s ease; } .categories-block ul li:hover .blue-icon { background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/account-book-hover.png) no-repeat; height: 64px; width: 50px; } .categories-block ul li:hover .radish-icon { background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/company-act-hover.png) no-repeat; height: 63px; width: 63px; } .categories-block ul li:hover .grey-icon { background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/budget-hover.png) no-repeat; height: 63px; width: 63px; } .categories-block ul li:hover .green-icon { background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/tm-icon-hover.png) no-repeat; height: 60px; width: 60px; } .categories-block ul li:hover .yellow-icon { background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/service-tax-hover.png) no-repeat; height: 60px; width: 60px; } .categories-block ul li:hover .brown-icon { background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/audit-icon-hover.png) no-repeat; height: 64px; width: 48px; } .categories-block ul li:hover .purple-icon { background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/source-icon-hover.png) no-repeat; height: 73px; width: 70px; } .categories-block ul li:hover .black-icon { background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/busget-consulting-icon-hover.png) no-repeat; height: 64px; width: 64px; } div.submit input { background: #D31818!important; border-bottom: 5px solid #A20E0E!important; padding: 0 32px !important; height:53px; } /*-------------Register steps css start-----------------*/ .registerGrybg{ width:100%; display:block; background:#fcfcfc; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; min-height:300px; font-family:'Roboto', arial, sans-serif; font-size:18px; } .registerGrybg .container{ background:none; } .registerGrybg h2{ font-size:30px; font-weight:700; margin-top:100px; } .registerTestimonial{ width:45%; float:left; margin-top:65px; } .registerFormBlock{ width: 52%; float: left; margin-left: 3%; padding: 4%; border: 1px solid #e3e3e3; margin-top: -240px; background: #fff; position:relative; } .registerFormBlock:before{ content:''; position:absolute; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; height:4px; width:100%; left: 0; margin-top: -5px; top: 0; background: #fff; } .registerFormBlock h2{ color:#51a965; font-weight:700; font-size:22px; border-bottom:1px solid #e3e3e3; padding-bottom:15px; margin-bottom:25px; font-family:'Roboto', arial, sans-serif; } .financial_div .client-content, .financial_div .test-photo { float: left; width: 100%; } .financial_div .client-content p { display: block !important; width: 100% !important; color:#000; padding: 0; } .financial_div .client-content{ max-height: 115px; overflow: hidden; padding: 73px 30px; margin-bottom: 20px; } .financial_div .test-photo { text-align: center; padding-top: 50px; } /*--------New Home Mid Css start----------------*/ .homegrid-1{ width: 32%; float: left; vertical-align: top; margin-right: 1%; } .homegrid-2{ width: 33.11111%; float: left; vertical-align:top; } .homegrid-3{ width: 33.11111%; float: right; vertical-align:top; } .imgListHome ul, .resourcesListHome ul, .quesListHome ul{ margin:0; padding:0; list-style:none; } .resourcesListHome ul li{ background: #fff; min-height: 100px; overflow: hidden; padding-bottom: 20px; border-radius: 0 !important; padding-top: 20px; border-bottom: 1px solid rgba(0,0,0,0.1); /*min-height:100px; background:#f6f6f6; overflow: hidden;*/ } .imgListHome ul li, .resourcesListHome ul li{ margin-bottom:5px; position:relative; } .imgListHome ul li img, .resourcesListHome ul li img{ max-width:100%; width:100%; height:auto; } .resourcesListHome ul li .transTxt{ position: absolute; bottom: 0; color: #fff; background: rgba(0,0,0,.68); width: 100%; padding: 20px; font-size: 24px; cursor:pointer!important; } .resourcesListHome ul li .transTxtNoImg{ position: absolute; color: #fff; background:#202020; width: 100%; padding: 20px; font-size: 24px; cursor:pointer!important; } .quesListHome h3{ color:#555555; font-size:26px; border-bottom:1px solid #ddd; padding-bottom:15px; } .quesListHome ul li{ border-bottom:1px solid #ddd; padding:15px 0; } .quesListHome ul li .question-icon{ width:20%; display:inline-block; vertical-align:top; } .quesListHome ul li .question-detail{ width:76%; display:inline-block; vertical-align:top; margin-left: 10px; } .quesListHome ul li .question-detail p{ padding:0 0 10px 0; font-size:14px; color:#000; margin:0; } .quesListHome ul li .question-detail h4{ padding:0 0 7px 0; font-size:18px; color:#1a5a84; font-weight:700; } .tagName{ background:#f3782c; color:#fff; padding:3px 7px; } .quesListHome ul li:hover{ background: rgba(251, 183, 138, 0.15); } /*---------megadropdown css start---------------*/ .cd-dropdown-wrapper { display: inline-block; position: relative; height: auto; /* margin: 30px 0 0 0%;*/ margin: 10px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float:left; } .cd-dropdown-trigger { display: block; position: relative; padding: 0 20px 0 20px; line-height: 40px; color: #302f41!important; border-radius: 3px; font-size: 15px !important; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight: 700; } .no-touch .cd-dropdown-trigger:hover { } .cd-dropdown-trigger::before, .cd-dropdown-trigger::after { /* this is the arrow inside the dropdown trigger*/ content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #000; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; display:none; } .cd-dropdown-trigger::before { right: 22px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-dropdown-trigger::after { right: 17px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (min-width: 1024px) { .cd-dropdown-trigger { font-size: 1.5rem; } .cd-dropdown-trigger.dropdown-is-active { } .no-touch .cd-dropdown-trigger.dropdown-is-active:hover { } .cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after { /* transform the arrow into a 'X' */ width: 14px; } .cd-dropdown-trigger.dropdown-is-active::before { /* transform the arrow into a 'X' */ -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg); } .cd-dropdown-trigger.dropdown-is-active::after { /* transform the arrow into a 'X' */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } } .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { height: 50px; line-height: 50px; } @media only screen and (min-width: 768px) { .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { height: 60px; line-height: 60px; } } @media only screen and (min-width: 1024px) { .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { height: 50px; line-height: 50px; } } .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a, .cd-dropdown-content .cd-divider { padding: 0 20px; } .cd-dropdown { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #111433; color: #ffffff; visibility: hidden; /* Force Hardware Acceleration */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s; -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s; transition: transform 0.5s 0s, visibility 0s 0.5s; } .cd-dropdown h2 { /* dropdown title - mobile version only */ position: relative; z-index: 1; color: #585a70; background-color: #111433; border-bottom: 1px solid #242643; } .cd-dropdown .cd-close { /* 'X' close icon - mobile version only */ position: absolute; z-index: 1; right: 0; top: 0; height: 50px; width: 50px; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; } .cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before { /* this is the 'X' icon */ content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: 20px; width: 2px; background-color: #ffffff; } .cd-dropdown .cd-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .cd-dropdown .cd-close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .cd-dropdown.dropdown-is-active { visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s; -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s; transition: transform 0.5s 0s, visibility 0s 0s; } @media only screen and (min-width: 768px) { .cd-dropdown .cd-close { top: 5px; } } @media only screen and (min-width: 1024px) { .cd-dropdown { position: absolute; top: calc(135% - 2px); /* reset style*/ height: auto; width: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); color: #111433; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; } .open-to-left .cd-dropdown { /* use the .open-to-left class if you want to open the dropdown on the left */ right: 0; left: auto; } .cd-dropdown h2, .cd-dropdown .cd-close { /* on desktop - hide title and 'X' */ display: none; } .cd-dropdown.dropdown-is-active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s; } } .cd-dropdown-content, .cd-dropdown-content ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; padding-top: 50px; } .cd-dropdown-content a, .cd-dropdown-content ul a { display: block; color: #ffffff; /* truncate text with ellipsis if too long */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-top-width: 1px; border-color: #333338; border-style: solid; } .cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a { border-top-width: 0; } .cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a { border-bottom-width: 1px; } .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { padding-top: 10px; padding-bottom: 10px; background-color: #0b0e23; font-size: 1.1rem; font-weight: bold; letter-spacing: 1px; color: #585a70; text-transform: uppercase; } .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a { border-top-width: 0; } .cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider { /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden { /* push the secondary dropdown items to the right */ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */ opacity: 0; } .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* push the dropdown items to the left when secondary dropdown slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { .cd-dropdown-content, .cd-dropdown-content ul { padding-top: 60px; } .cd-dropdown-content a, .cd-dropdown-content ul a { font-size: 1.8rem; } } @media only screen and (min-width: 1024px) { .cd-dropdown-content, .cd-dropdown-content ul { padding-top: 0; overflow: visible; } .cd-dropdown-content a, .cd-dropdown-content ul a { color: #fff; height: 30px; line-height: 30px; font-size: 16px; } .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { background-color: transparent; color: #b3b3b3; border-top: 1px solid #ebebeb; } .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a { border-top-width: 1px; } .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* reset mobile style */ opacity: 1; } } .cd-dropdown-content .see-all a { /* different style for the See all links */ color: #3f8654; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { /* items with picture (or icon) and title */ height: 80px; line-height: 80px; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { /* truncate text with ellipsis if too long */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding-left: 90px; } .cd-dropdown-content .cd-dropdown-gallery img { position: absolute; display: block; height: 40px; width: auto; left: 20px; top: 50%; margin-top: -20px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { padding-left: 75px; position: relative; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { color: #111433; font-size: 1.3rem; /* hide description on small devices */ display: none; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { /* item icon */ content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-1.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-2.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-3.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-4.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-5.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-6.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-7.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-8.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-9.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-10.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-11.svg"); } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before { background-image: url("/web/20190212183859im_/https://www.consultease.com/wp-content/themes/img/nucleo-icon-12.svg"); } @media only screen and (min-width: 1024px) { .cd-dropdown-content { /* reset mobile style */ position: static; height: auto; width:800px;/*280px*/ background:#000; } .cd-dropdown-content > li:last-of-type a { border-bottom: none; } .no-touch .cd-dropdown-content > li:not(.has-children) a:hover { color: #3f8654; } .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 100%; height: 100%; background-color:rgba(0,0,0,.9); box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1); } .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after { clear: both; content: ""; display: table; } .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons { /* use the .open-to-left class if you want to open the dropdown on the left */ left: auto; right: 100%; } .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in { /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */ -webkit-animation: cd-fade-in 0.2s; -moz-animation: cd-fade-in 0.2s; animation: cd-fade-in 0.2s; } .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out { /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */ -webkit-animation: cd-fade-out 0.2s; -moz-animation: cd-fade-out 0.2s; animation: cd-fade-out 0.2s; } .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back { display: none; } .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all { position: absolute; bottom: 20px; height: 45px; text-align: center; } .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a { margin: 0; height: 100%; line-height: 45px; background: #ebebeb; pointer-events: auto; -webkit-transition: color 0.2s, background-color 0.2s; -moz-transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; } .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover { color: #ffffff; background-color: #111433; } .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a { border: none; } .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons { padding: 20px 30px 100px; } .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all { width: calc(100% - 60px); } .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li { width: 50%; float: left; } .cd-dropdown-content .cd-secondary-dropdown { overflow: hidden; width: 550px; padding-bottom: 65px; } .cd-dropdown-content .cd-secondary-dropdown::before { /* this is the separation line in the middle of the .cd-secondary-dropdown element */ position: absolute; content: ''; top: 290px; left: 15px; height: 1px; width: 520px; background-color: #ebebeb; } .cd-dropdown-content .cd-secondary-dropdown > li > a { color: #3f8654; font-size: 1.6rem; margin-bottom: 10px; line-height: 30px; height: 30px; pointer-events: none; } .cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before { /* hide the arrow */ display: none; } .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-dropdown-content .cd-secondary-dropdown > li { margin: 20px 0; border-right-width: 1px; border-color: #ebebeb; border-style: solid; padding: 0 30px; height: 250px; } .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) { border-right-width: 0; } .cd-dropdown-content .cd-secondary-dropdown > li > ul { /* reset mobile style */ -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); position: relative; height: auto; } .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back { display: none; } .cd-dropdown-content .cd-secondary-dropdown a { line-height: 25px; height: 25px; font-size: 1.3rem; padding-left: 0; } .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover { color: #3f8654; } .cd-dropdown-content .cd-secondary-dropdown ul { padding-bottom: 25px; overflow: hidden; height: auto; } .cd-dropdown-content .cd-secondary-dropdown .go-back a { padding-left: 20px; color: transparent; } .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover { color: transparent; } .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after { left: 0; } .cd-dropdown-content .cd-secondary-dropdown .see-all { position: absolute; bottom: 0; left: 0; width: 100%; } .cd-dropdown-content .cd-dropdown-gallery { width: 600px; padding-bottom: 100px; } .cd-dropdown-content .cd-dropdown-gallery > li { width: 48%; float: left; margin-right: 4%; } .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) { margin-right: 0; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding: 0; height: auto; line-height: normal; color: #3f8654; margin-bottom: 2em; } .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a, .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a { margin-bottom: 0; } .cd-dropdown-content .cd-dropdown-gallery img { position: static; height: auto; width: 100%; margin: 0 0 0.6em; } .cd-dropdown-content .cd-dropdown-icons { width: 600px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { height: auto; line-height: 1.2; padding: 10px 0 ; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover { background: transparent; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { color: #3f8654; font-weight: bold; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { display: block; font-size: 1.2rem; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { left: 25px; } .cd-dropdown-content > .has-children > ul { visibility: hidden; margin:0; } .cd-dropdown-content > .has-children > ul.is-active { /* when hover over .cd-dropdown-content items - show subnavigation */ visibility: visible; } .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul { /* if .cd-secondary-dropdown is visible - show also subnavigation */ visibility: visible; } .cd-dropdown-content > .has-children > a.is-active { /* hover effect for .cd-dropdown-content items with subnavigation */ box-shadow: inset 2px 0 0 #F8CE34; color: #F8CE34; } .cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after { background: #F8CE34; } .open-to-left .cd-dropdown-content > .has-children > a.is-active { box-shadow: inset -2px 0 0 #F8CE34; } } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @-moz-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @-webkit-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } @-moz-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } @keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } .cd-search input[type="search"] { width: 100%; height: 50px; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: #242643; color: #ffffff; border: none; border-radius: 0; } .cd-search input[type="search"]::-webkit-input-placeholder { color: #ffffff; } .cd-search input[type="search"]::-moz-placeholder { color: #ffffff; } .cd-search input[type="search"]:-moz-placeholder { color: #ffffff; } .cd-search input[type="search"]:-ms-input-placeholder { color: #ffffff; } .cd-search input[type="search"]:focus { background: #ffffff; color: #111433; outline: none; } .cd-search input[type="search"]:focus::-webkit-input-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus::-moz-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus:-moz-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus:-ms-input-placeholder { color: rgba(17, 20, 51, 0.4); } @media only screen and (min-width: 1024px) { .cd-search input[type="search"] { background-color: #ebebeb; } .cd-search input[type="search"]::-webkit-input-placeholder { color: #b3b3b3; } .cd-search input[type="search"]::-moz-placeholder { color: #b3b3b3; } .cd-search input[type="search"]:-moz-placeholder { color: #b3b3b3; } .cd-search input[type="search"]:-ms-input-placeholder { color: #b3b3b3; } } .has-children > a, .go-back a { position: relative; color: #fff; } .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { /* arrow icon in CSS - for element with nested unordered lists */ content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #ffffff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .has-children > a::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (min-width: 1024px) { .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #b3b3b3; } } .has-children > a { padding-right: 40px; } .has-children > a::before, .has-children > a::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; } @media only screen and (min-width: 1024px) { .open-to-left .cd-dropdown-content > .has-children > a { padding-left: 40px; padding-right: 20px; } .open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after { right: auto; left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } } .cd-dropdown-content .go-back a { padding-left: 40px; color: #fff; } .cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } .cd-main-content { background-color: #e6e6e6; min-height: calc(100vh - 100px); padding: 2em 5%; line-height: 2; } .no-js .cd-dropdown-wrapper:hover .cd-dropdown { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .no-js .cd-dropdown-wrapper .cd-close { display: none; } .grey-gridbgHm{ background:url(/web/20190212183859im_/https://www.consultease.com/wp-content/themes/justwrite-child/images/boxcontBg.jpg) repeat-x left top; min-height: 300px; padding: 30px; font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 400; color:#fff; line-height: 25px; } .grey-gridbgHm h4{ font-size: 30px; margin-bottom: 20px; } .grey-gridbgHm h4 span{ font-family: 'Changa One', serif; font-size: 44px; } .subscribtn{ display: inline-block; border-radius: 5px; font-size: 20px; padding: 12px 40px; background: #d31818; color: #fff!important; border:1px solid transparent; transition:all ease .3s; } .subscribtn:hover{ border:1px solid #fff; background:transparent; } .videoCNBlock{ position: absolute; top: 40px; left: 30px; font-size: 15px; text-transform: uppercase; color: #fff; z-index: 1; font-weight: 700; } /*.videoCNBlock:before{ position: absolute; content: '\f03d'; left: -35px; top: 0; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; z-index: 1; font-size: 18px; }*/ .fullmenu{ background: rgba(0, 0, 0, .6); top: 0px; left: 0; } .resourcesListHome ul li:hover .transTxt { background: rgba(0, 0, 0, .85); } .resourcesListHome ul li:hover img{ transform: scale(1.1); transition: all ease-in-out .3s; } .videoCNBlock a{ color:#fff; } .videoCNBlock a:hover{ color:#be5656; } .profileAddThis{ display:block; margin-top:20px; } .menu-main > li > a, .menu-wrap a.search-button, .menu-wrap a.browse-more, .menu-wrap a.mobile-menu-button, .menu-wrap .search-field { color: #282645; } .without-bg h3 { color: #000; width: 100%; padding: 0 20px 5px; font-size: 20px; cursor: pointer!important; line-height: 22px; text-transform: none; font-family: 'Roboto', serif; font-weight: 600; } .without-bg h3:hover, .without-bg h3:active, .without-bg h3:focus { color:#be5656; } .home-articles-desc { padding: 0 20px; } .home-articles-desc a { color: #000; padding-bottom: 6px; display: inline-block; } .home-articles-desc .read_more { color: #be5656; padding-right: 10px; font-size: 13px; padding-bottom: 0; float: left; } .home-articles-desc .left, .home-articles-desc .left a { font-size: 13px; color: #999; padding-right: 8px; } .home-image-height { height: 213px; } /*--- tags-----*/ .tags .content-wrap { border-right: 0; } .tags .post-content { padding-left: 0; padding-right: 45px !important; } .tags article { padding: 40px 0 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 0; } .tags footer.details span.p-read-more { width: auto; display: inline-block; box-shadow: none; border: 0; } .tags footer.details span.p-read-more a { width: auto; display: inline-block; } .tags footer.details { margin-bottom: 0; } .tags header.main-page-title { margin-bottom: 0; box-shadow: none; border-bottom-color: #eee; } .tags .post-template-1 .title { font-size: 25px !important; font-family: 'Roboto', serif; letter-spacing: 0 !important; text-decoration: none; font-weight:700 !important; } .tags .post-template-1 .title a:hover, .tags .post-template-1 .title a:active, .tags .post-template-1 .title a:focus { color:#be5656; text-decoration:none; } /*----- category-------*/ .categoryQuestions figure.post-thumbnail { float: right; width: 100px; height: 100px; } .categoryQuestions .text { float: left !important; padding-left: 0 !important; } .categoryQuestions .text span a { font-size: 13px !important; font-weight: 600; } .categoryQuestions figcaption.links { display: none; } .categoryQuestions .text h4 a:hover, .categoryQuestions .text h4 a:active, .categoryQuestions .text h4 a:focus { color:#be5656 !important; text-decoration:none; } .postid-11806 #bookForm h3, .postid-11806 #bookForm .rmagic, .postid-11806 #bookForm .rmcontent{ display:none; } .postid-11806 .eventHead-sticky.sticky h3 { font-size: 19px; } :target::before { content: ""; display: block; height: 120px; /* fixed header height*/ margin: -120px 0 0; /* negative fixed header height */ } .my-activity .comment-box.profile{ border-top: 1px solid #dedede; } .my-activity .banner { width: 96%; position: relative; margin: auto; } .my-activity .banner .image-cover{ border-bottom: none; } .my-activity .banner .profile-user-photo-container{ left:0; } .activity-list.item-list #activity-22083{ display:none; } .menu-wrap .menu-main li.dotsMenu a{ font-size: 22px; } .menu-wrap .menu-main li.dotsMenu ul li a, .menu-wrap .menu-main li ul li a{ font-size: 15px; text-align:left; color:#000; } .menu-wrap .menu-main li.dotsMenu ul li a:hover, .menu-wrap .menu-main li ul li a:hover{ color:#be5656; } .developedBy{ color: #b6b6b6; margin-top: 50px; display: block; } .developedBy img{ display:inline-block!important; } .enqirenowFixed, .page-template-thankyou-webinar-subscriber .webinar-head, .page-template-gst-course-webinar-subscriber .webinar-head{ display:none; } /* FILE ARCHIVED ON 18:38:59 Feb 12, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 22:07:07 Feb 13, 2019. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): LoadShardBlock: 240.771 (3) esindex: 0.006 captures_list: 1135.974 CDXLines.iter: 17.844 (3) PetaboxLoader3.datanode: 281.795 (4) exclusion.robots: 0.277 exclusion.robots.policy: 0.259 RedisCDXSource: 872.431 PetaboxLoader3.resolve: 22.948 load_resource: 126.219 */ /* Hurrytimer CSS */ .hurrytimer-cdt__dur { padding: 10px 10px; margin: auto 0; display: inline-block; text-align: center; background: rgb(103,103,103); background: linear-gradient(180deg, rgba(103,103,103,1) 0%, rgba(57,57,57,1) 100%); border-radius: 3px; } #sitewide-notice{ display:none!important; } .AboutUsBlock{ width: 900px; display: block; margin: 0 auto;} .AboutUsBlock h1{ font-size: 40px; text-align: center; margin: 0px 0px 20px; font-weight:600} .AboutUsBlock h2{font-size: 30px; text-align: center;} .AboutUsBlock h3{font-size: 20px; margin: 30px 0px 0px;} .AboutUsBlock p{margin: 6px 0px 0px; font-size: 16px; line-height: 24px;} .menu-main a { padding:0 12px!important;} .mobile-menu .sub-menu a{ color: #000; font-size: 20px; border-bottom: 1px solid #ddd; } .mobile-menu li:hover .sub-menu{ margin:0; } @media screen and (max-width: 767px){ .mobile-menu .sub-menu, .mobile-menu .sub-menu ul{ display: block!important; margin: 0; } } .noneint{ display:none; }