/* Theme Name: Veda Theme URI: https://wedesignthemes.com/veda/ Author: the DesignThemes team Author URI: https://wedesignthemes.com/ Description: Veda is elegantly designed, amazingly flexible to customize and feature-rich creative multi concept WordPress theme. Responsive and retina ready layout design to let your website look splendid on all devices to attract more visitors with its fast performance and brilliant usability of your website. Version: 2.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: veda This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @charset "utf-8"; /*------------------------------------------------------------------ [Table of contents] 1. General 1.1. Body 1.2. Headings 1.3. Transition 1.4. Text Elements 1.5. Tables 1.6. Definition Lists 1.7. Galleries 1.8. Forms 1.9. Images 1.10. Columns 1.11. Widgets 2. Layout 2.1. Container / .container, .wrapper 2.2. Header / #header 2.2.1. Menu / #main-menu 2.2.2. Sticky Header 2.2.3. Mega Menu / .megamenu-child-container 2.2.4. Mobile Menu / #dt-menu-toggle 2.3. Main Content 2.3.1. Slider / #slider 2.3.2. Title & Breadcrumb / .main-title-section-wrapper 2.3.3. Portfolio / .portfolio 2.3.4. Blog / .blog-entry 2.4. Footer / #footer 2.5. Default Color Styles 2.6. Additional Styles 2.7. Retina Images 2.8. Contact Form 7 / .wpcf7-form /*----*****---- << 1.1. Body >> ----*****----*/ body { font-weight:normal; font-size:14px; line-height:24px; } body, html { overflow-x:hidden; width:100%; } /*----*****---- << 1.2. Headings >> ----*****----*/ h1, h2, h3, h4, h5, h6 { line-height:normal; font-weight:normal; margin-bottom:20px; } /*----*****---- << 1.3. Transition >> ----*****----*/ a, .widget .recent-portfolio-widget ul li a:before, .widget .recent-portfolio-widget ul li a:after, .dt-sc-icon-box.type1 .large-icon, .menu-icons-wrapper.rounded-icons .search a span, .menu-icons-wrapper.rounded-icons .cart a span, input[type="submit"], input[type="reset"], .flickr-widget div a img, .dt-sc-sociable.diamond-square-border li, .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social, .dt-sc-team .dt-sc-team-details, .domain-search, .available-domains li .dt-sc-button, .dt-sc-icon-box.type5 .icon-wrapper:before, .dt-sc-pr-tb-col.minimal .dt-sc-price, .dt-sc-pr-tb-col.minimal .icon-wrapper:before, .dt-sc-pr-tb-col .dt-sc-tb-header, .dt-sc-image-flip img, .dt-sc-icon-box.type6 .icon-wrapper, .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:before, .dt-sc-icon-box.type7 .icon-wrapper span, .dt-sc-team .dt-sc-team-details, .dt-sc-icon-box.type3 .icon-wrapper span, .dt-sc-counter.type2 .dt-sc-couter-icon-holder, .dt-sc-image-caption.type2 .dt-sc-image-content, .dt-sc-team, .dt-sc-team h4, .dt-sc-contact-info.type2, .dt-sc-contact-info.type2 span, .dt-sc-button.with-icon.icon-left span:after, .dt-sc-team .dt-sc-team-details h5, .dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4 .dt-sc-couter-icon-holder, .dt-sc-colored-big-buttons:hover span, .dt-sc-testimonial.type4 .dt-sc-testimonial-author img, .dt-sc-popular-procedures .image img, .dt-sc-popular-procedures .details, .dt-sc-partially-rounded, .dt-sc-partially-rounded-alt, .dt-sc-team.rounded .dt-sc-team-thumb:after, .radio-label input[type="radio"] + span:before, .dt-sc-image-with-caption, .portfolio, .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline .dt-sc-hr-timeline-thumb:before, .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content h3, .dt-sc-training-thumb-overlay, .dt-sc-training-details-overlay, .blog-entry.entry-date-author-left .entry-date-author .comments i, .dt-sc-icon-box.type5.rounded .icon-wrapper, .dt-sc-model figcaption, .dt-sc-model figure, .dt-sc-model figure:before, .dt-sc-counter.type5:before, .dt-sc-counter.type5:after, .dt-sc-triangle-wrapper .dt-sc-triangle-content:before, .diamond-narrow-square-border li:before, .dt-sc-icon-box.type10 .icon-wrapper:before, .dt-sc-icon-box.type10 .icon-wrapper:after, .dt-sc-icon-box.type10 .icon-content h4, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li, .dt-sc-counter.type6 .dt-sc-couter-icon-holder:before, .dt-sc-pr-tb-col.type2 .dt-sc-price:before, .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title:before, .dt-sc-pr-tb-col.type2 .dt-sc-price:after, .dt-sc-event-image-caption, .dt-sc-event-image-caption .dt-sc-image-content:before, .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text, .dt-sc-team.type2 .dt-sc-team-thumb .dt-sc-team-thumb-overlay, .dt-sc-contact-info.type5, .dt-sc-readmore-plus-icon:before, .dt-sc-readmore-plus-icon:after, .pagination ul li a i, .widget ul li:before, .widget.widget_categories ul li > a:hover span, .widget.widget_archive ul li > a:hover span, .dt-sc-portfolio-sorting.type6 a:before, .menu-icons-wrapper .search a span, .menu-icons-wrapper .cart a span, #main-menu ul li.menu-item-simple-parent ul li a .fa, .megamenu-child-container ul.sub-menu > li > ul li a .fa, .dt-sc-image-caption.type5, .blog-entry.blog-medium-style, .dt-sc-counter.type3 .icon-wrapper, #main-menu ul.menu > li > span { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; } .portfolio .image-overlay .links a:first-child, .portfolio .image-overlay-details, .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social, .portfolio .image-overlay .links { -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease; } .portfolio .image-overlay .links a:last-child, .portfolio figure img, .dt-sc-image-caption .dt-sc-image-wrapper img, .dt-sc-menu figure img { -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -o-transition:all 0.9s ease; -ms-transition:all 0.9s ease; transition:all 0.9s ease; } .portfolio .image-overlay .links:after { -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .portfolio figure img { -webkit-transition:all 1.5s ease; -moz-transition:all 1.5s ease; -o-transition:all 1.5s ease; -ms-transition:all 1.5s ease; transition:all 1.5s ease; } /*----*****---- << 1.4. Text Elements >> ----*****----*/ a { text-decoration:none; } a img{ border:none; } p { margin-bottom:10px; } strong{ font-weight: bold; } em{ font-style: italic; } address { display:block; margin:10px 0px 20px; } abbr { border-bottom:1px dotted; cursor:help; } ins { background:#FFF9C0; } sub, sup { font-size:75%; position:relative; vertical-align:baseline; } sub { bottom: -3px; } sup { top: -5px; } ul, ol, pre, code{ margin-bottom:20px; } pre { border: 1px solid #d1d1d1; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre-wrap; word-wrap: break-word; } ul{ list-style-type:square; list-style-position:inside; } ul li { padding-bottom:10px; } ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; } ul ul ul { margin-bottom:0px; list-style-type:circle; } ol ul, ol ul ul { margin-bottom: 0; } ol ul li:last-child, ol ul ul li:last-child { padding-bottom: 0; } ul ol { margin-bottom: 0; } ol li:last-child { padding-bottom:0; } ul li:last-child { padding-bottom:0; } ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; padding-top:10px; } ol li { padding-bottom:10px; } ol li ol { margin-bottom:0px; list-style-type:lower-alpha; } ol ol ol { margin-bottom:0px; list-style-type:lower-roman; } blockquote { display:block; padding:0px; margin:0px; position:relative; clear:left; } blockquote > p { font-size:18px; line-height:30px; display:inline-block; font-style:italic; font-weight:300; border-top:2px solid; border-bottom:2px solid; padding:20px 0px; margin-bottom:10px; } blockquote.alignleft { margin-right:20px; text-align:left; width:30%; float:left; } blockquote.alignright { margin-left:20px; text-align:left; width:30%; float:right; } blockquote.aligncenter { text-align:center; } .post-edit-link, .vc_inline-link { background:rgba(0, 0, 0, 0.05); border-radius:3px; color:#000000; float:right; clear:both; margin:20px 0px 20px; line-height:24px; padding:2px 13px; font-size:12px; } .post-edit-link:hover, .vc_inline-link:hover { color:#ffffff; } .vc_inline-link { clear:none; margin-right:10px; } .page-link { float:left; clear:both; margin:10px 0px 0px; padding:0px; } .page-link a { border:1px solid rgba(0, 0, 0, 0.5); color:#303030; font-weight:bold; line-height:normal; padding:7px 13px 5px; float:left; margin-right:10px; } .page-link a span { border:0px; color:#303030; padding:0px; margin:0px; } .page-link > span { border:1px solid rgba(0, 0, 0, 0.5); color:#ffffff; font-weight:bold; line-height:normal; padding:7px 13px 5px; float:left; margin-right:10px; } .page-link a:hover span { color:#ffffff; } /*----*****---- << 1.5. Tables >> ----*****----*/ table { border-collapse:separate; border-spacing:0; margin-bottom:20px; width:100%; clear:both; border-top:1px solid rgba(0, 0, 0, 0.1); } th { color:#ffffff; border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:15px; font-size:14px; line-height:normal; font-weight:600; text-transform:uppercase; text-align:center; } td, tbody th { border-bottom:1px solid rgba(0, 0, 0, 0.1); font-size:14px; line-height:normal; text-align:center; padding:13px 15px; } tbody tr:nth-child(2n+1) td { background:rgba(0, 0, 0, 0.03); } tbody td .dt-sc-button.small { padding:7px 14px; font-size:12px; margin:0px; } th a, th a:hover { color:#ffffff; } th a:hover { text-decoration:underline; } /*----*****---- << 1.6. Definition Lists >> ----*****----*/ dl { margin:0px 0px; } dl.gallery-item { margin:0px; } .gallery-caption { margin-bottom:10px; } .gallery-item img { border:10px solid rgba(0, 0, 0, 0.1) !important; } dt { font-weight:bold; font-size:14px; margin-bottom:10px; } dd { margin-bottom:20px; line-height:20px; } /*----*****---- << 1.7. Galleries >> ----*****----*/ .gallery { margin: 0 -1.1666667% 1.75em; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; box-sizing:border-box; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /*----*****---- << 1.8. Forms >> ----*****----*/ fieldset{ border:1px solid; padding:15px; margin:0 0 20px 0; } legend{ font-weight: bold; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"], select, textarea { font-size:13px; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"] { border:1px solid; padding:16px 12px 15px; display:block; margin:0px; width:100%; box-sizing:border-box; -webkit-appearance:none; -webkit-border-radius:0px; } textarea { height:190px; overflow:auto; resize:none; } select { height:51px; border:1px solid; width:100%; margin:0px; padding:15px 50px 15px 15px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; text-indent: 0.01px; text-overflow: ''; -webkit-border-radius:0px; } input[type="submit"], button, input[type="button"], input[type="reset"] { border:none; text-transform:uppercase; font-weight:bold; margin:10px 0px 0px; font-size:14px; padding:11px 20px; float:left; cursor:pointer; border-radius:3px; -webkit-appearance:none; } .aligncenter input[type="submit"] { float:none; } /* Moz Reset */ input[type="submit"]::-moz-focus-inner { border:0; padding:0; margin-top:-1px; margin-bottom:-1px; } #searchform { clear:both; } /*.ie9 button { width:auto; overflow:visible; padding:5px 20px !important; }*/ .selection-box { position:relative; clear:both; } .selection-box:before, .selection-box:after { content:""; pointer-events:none; position:absolute; } .selection-box:before { z-index:1; right:17px; top:5px; bottom:0px; height:0px; margin:auto; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid; } .selection-box:after { width:48px; height:48px; right:0px; top:1px; border-left:1px solid; border-right:1px solid; } .selection-box select { margin-top:0px; } /*----*****---- << 1.9. Images >> ----*****----*/ .alignleft, img.alignleft { display:inline; float:left; margin-bottom: 10px; margin-right:20px; } .alignright, img.alignright { display:inline; float:right; margin-bottom: 10px; margin-left:20px; } .aligncenter, img.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; text-align:center; } .column .aligncenter img { display:inline-block; } /*img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; }*/ .column.aligncenter { clear:none; } .aligncenter.wpb_column { clear:none; } .alignright { text-align:right; } img.no-bottom-margin { margin-bottom:-10px; } .alignleft, .alignright, .aligncenter, .alignnone { margin:auto; } .wp-caption { border:1px solid; margin-bottom:10px; margin-top:10px; width:100%; padding:10px; text-align:center; box-sizing:border-box; } .wp-caption img { display:block; margin: 0 auto; box-sizing:border-box; max-width:100%; } .wp-caption .wp-caption-text { text-align:center; padding-top:10px; margin:0px; } .wp-caption.alignnone { clear:both; } .wp-caption.alignright { margin:0.375em 0 1.75em 1.75em; } .wp-caption.alignleft { margin:0.375em 1.75em 1.75em 0; } /*----*****---- << 1.10. Columns >> ----*****----*/ .column { margin:0px 0px 0px 2%; float:left; min-height:1px; position:relative; box-sizing:border-box; } .column.first { margin-left:0px; clear:both; } .dt-sc-full-width, .dt-sc-one-column { width:100%; } .column.dt-sc-full-width, .column.dt-sc-one-column { margin-left:0px; } .dt-sc-one-half { width:49%; } .dt-sc-one-third { width:32%; } .dt-sc-two-third { width:66%; } .dt-sc-one-fourth { width:23.5%; } .dt-sc-three-fourth { width:74.5%; } .dt-sc-one-fifth { width:18.4%; } .dt-sc-two-fifth { width:38.8%; } .dt-sc-three-fifth { width:59.2%; } .dt-sc-four-fifth { width:79.6%; } .dt-sc-one-sixth { width:15%; } .dt-sc-two-sixth { width:32%; } .dt-sc-three-sixth { width:49%; } .dt-sc-four-sixth { width:66%; } .dt-sc-five-sixth { width:83%; } .column img, .wpb_column img { max-width:100%; height:auto; display:inherit; } img { max-width:100%; height:auto; } .dt-sc-one-half iframe, .dt-sc-one-third iframe, .dt-sc-one-fourth iframe, .dt-sc-three-fourth iframe, .dt-sc-two-third iframe, iframe { max-width:100%; } embed, iframe, object, video { max-width:100%; } .column.no-space { margin-left:0px; margin-right:0px; } .column.no-space.dt-sc-one-fourth { width:24.982%; } .column.no-space.dt-sc-one-third { width:33.3333%; } .column.no-space.dt-sc-one-half { width:50%; } .column.no-space.dt-sc-one-fifth { width:20%; } .column.no-space.dt-sc-one-sixth { width:16.666%; } .column.no-space.dt-sc-three-fourth { width:75%; } .column.no-space.dt-sc-two-third { width:66.666666%; } .column.no-space.dt-sc-four-fifth { width:80%; } .column.no-space.dt-sc-three-fifth { width:60%; } .column.no-space.dt-sc-two-fifth { width:40%; } .column.no-space.dt-sc-two-sixth { width:33.2%; } .column.no-space.dt-sc-three-sixth { width:49.98%; } .column.no-space.dt-sc-four-sixth { width:66.4%; } .column.no-space.dt-sc-five-sixth { width:83%; } .vc_row.vc_row-no-padding .wpb_column { padding-left:0px; padding-right:0px; } .vc_row[data-vc-full-width].dt-sc-overflow_visible { overflow:visible; } .rs_no-padding_column.wpb_column, .vc_col-md-12.wpb_column.rs_no-padding_column { margin-top: -1px; padding-bottom: 0; margin-bottom:0; } .gray-scale:hover, .gray-scale:hover img { -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); -webkit-transition-property: -webkit-filter; -moz-transition-property: -moz-filter; -ms-transition-property: -ms-filter; -o-transition-property: -o-filter; transition-property: filter; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } /** Ultimate addon styles **/ .ubtn-ctn-center button, .ubtn-ctn-right button { float:none; } .flexslider .slides img { height:auto; } /*----*****---- << 1.11. Widgets >> ----*****----*/ .widgettitle { margin:24px 0px 40px; position:relative; clear:both; } .widgettitle:before { content:""; position:absolute; left:0px; height:2px; width:30px; top:-24px; } .widget ul { padding:0px; margin:0px; width:100%; float:left; clear:both; } .widget ul li, .widget.widget_nav_menu ul.menu li { display:block; clear:both; margin:0px; padding:10px 0px 10px 20px; width:100%; border-bottom:1px solid; box-sizing:border-box; position:relative; } .widget ul li:last-child, .widget.widget_nav_menu ul.menu li:last-child { border-bottom:none; } .widget ul li > a, .widget.widget_nav_menu ul.menu li > a { display:inline-block; line-height:24px; width:100%; box-sizing:border-box; } .widget ul li:last-child > a { padding-bottom:0px; } .widget ul li:first-child, .widget.widget_nav_menu ul.menu li:first-child { padding-top:0px; } .widget ul li:before { content:"\f10c"; font-family:FontAwesome; font-size:11px; left:0; position:absolute; top:10px; } .widget ul li:hover:before { content:"\f192"; } .widget ul li:first-child:before { top: 0; } .woocommerce .widget ul.product-categories li:first-child:before, .woocommerce.widget ul.product-categories li:first-child:before, .widget.widget_layered_nav ul li:first-child:before { top: 10px; } .widget.widget_nav_menu ul.menu li a { text-transform:lowercase; padding:0px; font-weight:normal; background:none; border:none; } .widget.widget_nav_menu ul.menu li a:first-letter { text-transform:uppercase; } .widget.widget_archive ul li, .widget.widget_categories ul li, .widget.widget_pages ul li, .widget.widget_meta ul li, .widget.widget_nav_menu ul.menu li, .widget.widget_text ul li { padding:0px; } .widget.widget_archive ul li > a, .widget.widget_categories ul li > a, .widget.widget_pages ul li > a, .widget.widget_meta ul li > a, .widget.widget_nav_menu ul.menu li > a, .widget.widget_text ul li > a { padding:10px 0px 10px 20px; } .widget.widget_archive ul li:first-child > a, .widget.widget_categories ul li:first-child > a, .widget.widget_pages ul li:first-child > a, .widget.widget_meta ul li:first-child > a, .widget.widget_nav_menu ul.menu li:first-child > a, .widget.widget_text ul li:first-child > a { padding-top:0px; } .widget .recent-portfolio-widget ul li:before, .widget .recent-posts-widget li:before, .widget .recent-posts-widget li:hover:before { content:""; } .widget.widget_categories ul li > a { position:relative; text-transform:capitalize; } .widget.widget_categories ul li > a span, .widget.widget_archive ul li > a span { position:absolute; right:0px; padding:0px 10px; } .widget_categories label, .widget_archive label { margin:0px 0px 10px; display:inline-block; font-size:14px; } .widget .recent-portfolio-widget ul { margin:0px; padding:0px; width:100%; } .widget .recent-portfolio-widget ul li { float:left; display:inline; margin:0px 2% 5px 0px; padding:0px; width:32%; overflow:hidden; clear:none; border:none; } .widget .recent-portfolio-widget ul li img { display:block; line-height:0; width:100%; } .widget .recent-portfolio-widget ul li:nth-child(3n) { margin-right:0px; } .widget .recent-portfolio-widget ul li a { float:left; width:100%; position:relative; padding:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .widget .recent-portfolio-widget ul li a:before { content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; } .widget .recent-portfolio-widget ul li a:hover:before { opacity:1; } .widget .recent-portfolio-widget ul li a:after { content:"\e67b"; position:absolute; left:0px; right:0px; bottom:-30px; margin:auto; width:20px; height:20px; font-family:'Stroke-Gap-Icons'; font-size:20px; font-style:normal; font-weight:400; } .widget .recent-portfolio-widget ul li a:hover:after { top:0px; bottom:0px; } .widget .recent-posts-widget { float:left; clear:both; width:100%; margin:0px; padding:0px; } .widget .recent-posts-widget ul { margin:0px; padding:0px; width:100%; } .widget .recent-posts-widget li { display:block; clear:both; float:left; margin:0px 0px 10px; padding-left:0px; } .widget .recent-posts-widget li:last-child { margin-bottom:0px; } .widget .recent-posts-widget li .thumb { float:left; margin:0px 15px 10px 0px; padding:0px; width:60px; } .widget .recent-posts-widget li .thumb img { max-width:100%; } .widget .recent-posts-widget li .entry-title h4 { font-size:13px; line-height:20px; letter-spacing:0.25px; margin-top:-5px; margin-bottom:7px; } .widget .recent-posts-widget li .entry-meta { font-size:14px; } .widget .recent-posts-widget li .entry-meta p { float:left; margin-right:15px; } .widget .recent-posts-widget li .entry-meta p span { margin-right:5px; } .widget .tweet_list { float:left; width:100%; margin:0px; padding:0px; } .widget .tweet_list li { float:left; display:block; margin:0px 0px 20px; padding:0px 0px 20px 40px; position:relative; border-bottom:1px solid; } .widget .tweet_list li:before { content:"\f081"; position:absolute; left:0px; top:5px; font-family:FontAwesome; font-size:24px; } .widget .tweet_list li:first-child:before { top:5px; } .widget .tweet_list li:hover:before { content:"\f081"; } .widget .tweet_list li:last-child { border:none; padding-bottom:0px; margin-bottom:0px; } .widget .tweet_list li .tweet-time { clear:both; display:block; font-size:14px; } .widget_text ul.no-border li { border:none; } .widget_text ul.no-bullet li a { padding-left:0px; } .widget_text ul.no-bullet li:before, .widget_text ul.no-bullet li:hover:before { content:""; } .widget_text ul.split-list { width:48%; margin-right:2%; float:left; clear:none; } .widget_text ul.split-list li { position:relative; box-sizing:border-box; width:100%; border:none; } .widget_text ul.split-list li:before { content:"\f105"; } .widget .screen-reader-text { display:none; } .flickr-widget div { float:left; margin:0px; padding:0px; } .flickr-widget div a { line-height:0px; display:block; margin:0px 8px 8px 0px; max-width:60px; } .flickr_badge_image img { height: auto !important; } .flickr-widget div a:hover img { opacity:0.5; } .widget_tag_cloud .tagcloud { float:left; clear:both; width:100%; margin:0px; padding:0px; } .tagcloud a { margin:0px 10px 10px 0px; padding:7px 15px 6px; float:left; border-bottom:1px solid; font-size:12px !important; text-transform:capitalize; } .dt-sc-dark-bg .tagcloud a { border-bottom:1px solid; } .widget .dt-sc-newsletter-section { padding:0px; } .widget .dt-sc-newsletter-section .dt-sc-subscribe-frm { float:left; clear:both; width:100%; position:relative; } .widget .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"], .widget .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"] { margin: 0; width:100%; } .widget .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="submit"] { position:absolute; right:0px; height:100%; } .widget #searchform { position:relative; } .widget #searchform input[type="text"] { padding-right:70px; } .widget #searchform input[type="submit"] { position:absolute; right:0px; top:0px; border-radius:0px; padding:18px 20px 17px; margin:0px; } .widget #wp-calendar caption { font-weight:300; font-size:16px; margin-bottom:10px; } .widget #wp-calendar th { padding:10px; } .widget #wp-calendar td { padding:9px 10px; } .widget .dt-sc-single-line-separator { margin:13px 0px; } .widget.widget_pages ul li ul.children, .widget.widget_nav_menu ul li ul.sub-menu { padding:10px 0px 0px 20px; width:100%; box-sizing:border-box; } .widget ul.dt-sc-sociable li:before, .widget ul.dt-sc-sociable li:hover:before { content:""; } .widget ul.dt-sc-sociable li a { padding:0px; } .widget ul.dt-sc-sociable > li { width:auto; border-bottom:0; } .widget .dt-sc-sociable li a { height: 36px; line-height: 36px; text-align:center; width: 36px; } .widget .dt-sc-sociable.hexagon-with-border li, .widget .dt-sc-sociable.hexagon-border li { width:40px; height:25px; } .widget .dt-sc-sociable.hexagon-with-border li a, .widget .dt-sc-sociable.hexagon-border li a { width: 42px; line-height: 52px; height: 52px; } .widget .dt-sc-sociable.diamond-square-border li { border-bottom:1px solid rgba(255, 255, 255, 0.2); width:30px; height:30px; } .widget .dt-sc-sociable.diamond-square-border li a { width: 40px; height: 40px; line-height: 40px; } .widget .diamond-narrow-square-border li a { height: 60px; line-height: 60px; width:60px; } .widget .dt-sc-sociable li:first-child:before { top:10px; } .footer-widgets .widget #searchform .dt-search-icon { text-indent: -9999px; position: absolute; top: 0; right: 0; } /* Sidebar */ .secondary-sidebar img { max-width:100%; height:auto; } .secondary-sidebar .widget { float:left; clear:both; width:100%; margin-bottom:40px; } .secondary-sidebar .widget:last-child { margin-bottom: 80px; } .secondary-sidebar .widget ul li > a, .secondary-sidebar .tagcloud a { color:#000000; } .secondary-sidebar .tagcloud a:hover { color:#ffffff; } .secondary-sidebar .flickr-widget div a { max-width:75px; } .secondary-sidebar .widget .tweet_list li { border-color:rgba(0, 0, 0, 0.15); } /* Sidebar Widget Types */ .secondary-sidebar { overflow:hidden; } .secondary-sidebar aside.widget { clear:both; position:relative; } .secondary-sidebar .flickr-widget div { height:auto; width:33.3333%; } .secondary-sidebar .flickr-widget div a { margin: 0; padding: 0 4px 10px; max-width: 100%; } .secondary-sidebar .type1 .widget.buddypress .bp-login-widget-user-avatar, .secondary-sidebar .type3 .widget.buddypress .bp-login-widget-user-avatar, .secondary-sidebar .type4 .widget.buddypress .bp-login-widget-user-avatar { float:none; position:absolute; left:0px; top:63px; } .secondary-sidebar .type1 .widgettitle { margin-top:0px; float:none; display:inline-block; } .secondary-sidebar .type1 .widgettitle:before, .secondary-sidebar .type1 .widgettitle:after { content:""; position:absolute; top:inherit; left:0px; bottom:-10px; height:3px; background:#000000; width:100%; } .secondary-sidebar .type1 .widgettitle:after { bottom:-13px; height:1px; } /* Updated */ .secondary-sidebar .type2 .widgettitle { margin-top:0px; margin-bottom:40px; background:#000000; padding:12px 15px; color:#ffffff; } .secondary-sidebar .type2 .widgettitle:before { top:inherit; bottom:-13px; left:0px; width:0px; height:0px; border-top:13px solid #000000; border-right:13px solid transparent; } /* Updated */ .secondary-sidebar .type3 .widgettitle { margin-top:0px; float:none; display:inline-block; border-top:3px solid; padding:13px 0px 0px; margin-bottom:35px; } .secondary-sidebar .type3 .widgettitle:before { background:none; } .secondary-sidebar .type4 .widgettitle { margin-top:0px; border-left:5px solid #f1b956; padding-left:15px; padding-right:15px; float:none; display:inline-block; } .secondary-sidebar .type4 .widgettitle:before { top:0px; height:100%; width:9999px; left:100%; background:url(images/sidebar/sidebar-title-grey-pattern.png) repeat; } /* Updated */ .secondary-sidebar .type5 .widgettitle { margin-top:0px; margin-bottom:35px; border-bottom:2px solid; padding:0px 0px 10px; } .secondary-sidebar .type5 .widgettitle:before { content:""; background:none; } .secondary-sidebar .type5 .widget ul li:before { content:"\f06c"; top:9px; } .secondary-sidebar .type5 .widget .tweet_list li:before { content:"\f081"; top: 0; } .secondary-sidebar .type5 .widget ul li:first-child:before { top:2px; } .secondary-sidebar .type5 .widget .recent-portfolio-widget ul li:before, .secondary-sidebar .type5 .widget .recent-posts-widget li:before, .secondary-sidebar .type5 .widget .recent-posts-widget li:hover:before { content:""; } .secondary-sidebar .type5 .widget.woocommerce ul li:first-child::before { top: 0; } .secondary-sidebar .type5 .widget.woocommerce ul.product-categories li:first-child:before { top: 9px; } .secondary-sidebar .type5 .widget.widget_categories ul li > a span, .secondary-sidebar .type5 .widget.widget_archive ul li > a span { padding:0px; width:28px; height:28px; line-height:28px; font-size:14px; text-align:center; border-radius:50%; } .secondary-sidebar .type5 .tagcloud a { border-radius:0px 10px; font-size:14px !important; } .secondary-sidebar .type5 .widget .recent-posts-widget li .entry-title h4 { font-size:16px; } /* Updated */ .secondary-sidebar .type6 .widgettitle { border-left:3px solid; margin-top:0px; padding:0px 0px 0px 15px; box-sizing:border-box; margin-bottom:50px; width:100%; } .secondary-sidebar .type6 .widgettitle:before { height:1px; background:rgba(0, 0, 0, 0.25); top:inherit; bottom:-10px; width:100%; } .secondary-sidebar .type6 .widgettitle:after { content:""; position:absolute; background:url(images/sidebar/sidebar-title-arrow.png) no-repeat; width:13px; height:8px; left:30px; bottom:-17px; } /* Updated */ .secondary-sidebar .type7 .widgettitle { margin-top:0px; padding:13px 20px 12px 45px; border:1px solid #000000; box-sizing:border-box; margin-bottom:40px; font-weight:bold; } .secondary-sidebar .type7 .widgettitle:before { left:inherit; left: -20px; top:0px; height:100%; width: 45px; background:#000000; -ms-transform:skewX(-30deg); -webkit-transform:skewX(-30deg); transform:skewX(-30deg); } /* Updated */ .secondary-sidebar .type8 .widgettitle { background:#ffffff; padding:10px 20px; margin:-14px auto 20px; text-align:center; display:table; float:none; } .secondary-sidebar .type8 .widget { width:100%; padding:0px 20px 15px; box-sizing:border-box; } .secondary-sidebar .type8 .widget:before { border:1px solid #000000; content: ""; height: 100%; position: absolute; left: 0; top: 6px; width: 100%; z-index: -1; box-sizing:border-box; } /* Updated */ .secondary-sidebar .type9 .widgettitle { margin-top:0px; padding:0px 0px 15px; border-bottom:1px solid rgba(0, 0, 0, 0.15); } .secondary-sidebar .type9 .widgettitle:before { width:50px; height:3px; background:#000000; top:inherit; left:0px; bottom:-2px; } .secondary-sidebar .type10 .widget:before { content:""; position:absolute; left:0px; top:0px; width:100%; background:#000000; height:1px; top:0px; } .secondary-sidebar .type10 .widget { padding-top:2px; } .secondary-sidebar .type10 .widgettitle { margin-top:6px; padding:0px 20px; min-height:37px; box-sizing:border-box; margin-bottom:30px; color:#ffffff; font-size:18px; } .secondary-sidebar .type10 .widgettitle:before { background:#000000; height:100%; width:100%; top:-6px; z-index:-1; } .secondary-sidebar .type10 .widgettitle:after { content:""; position:absolute; right:-4px; top:-6px; background:#f6f6f6 url(images/sidebar/sidebar-title-shape.png) center center no-repeat; height:100%; width:19px; } .secondary-sidebar .type11 .widget { position:relative; background:#e8e8e8; padding:25px 20px; box-sizing:border-box; border-radius:5px; } .secondary-sidebar .type11 > .widget:before { content:""; position:absolute; right: 0; top:28px; padding-right:20px; background:#e8e8e8 url(images/sidebar/sidebar-title-floral2.png) no-repeat; width:24px; height:17px; z-index:1; } .secondary-sidebar .type11 .widgettitle { display:inline-block; float:none; font-size: 22px; margin-top: 0; margin-bottom:40px; padding-right:15px; } .secondary-sidebar .type11 .widgettitle:before { top:10px; height:2px; width:9999px; left:100%; background:#927d7d; } .secondary-sidebar .type11 .woocommerce ul.cart_list li a, .secondary-sidebar .type11 .woocommerce ul.product_list_widget li a { font-weight: 300; } .secondary-sidebar .type12 .widget { position:relative; background:#ffffff; padding:20px 20px 25px; box-sizing:border-box; } .secondary-sidebar .type12 .widgettitle { margin-top:0px; padding:10px 15px; margin-bottom:20px; } .secondary-sidebar .type12 .widgettitle:before { content:""; background:none; } .secondary-sidebar .type13 .widgettitle { margin-top:0px; padding:14px 0px 12px; } .secondary-sidebar .type13 .widgettitle:before { height:100%; width:60px; border-top:1px solid #60ae0d; border-bottom:1px solid #60ae0d; top:0px; z-index:-1; } .secondary-sidebar .type14 .widgettitle { background: #191919; padding:10px 0px 10px 20px; border-bottom:3px solid; } .secondary-sidebar .type14 .widgettitle:before { background:none; border-bottom: 1px solid #fff; bottom: 0px; width:100%; top:inherit; } .secondary-sidebar .type15 .widgettitle { background: #000; box-sizing: border-box; color: #fff; padding: 13px 20px; font-size:18px; font-weight:normal; text-transform:uppercase; } .secondary-sidebar .type15 .widget.woocommerce ul li:before, .secondary-sidebar .type15 .widget.woocommerce ul li:hover:before { content:"\f105"; font-size:15px; } .secondary-sidebar .type15 .widget.widget_recent_reviews ul li, .secondary-sidebar .type15 .widget.widget_top_rated_products ul li, .secondary-sidebar .type15 .widget.widget_recently_viewed_products ul li { background:#f8f1e4; padding:15px; border-bottom:2px solid #ebeef0; } .secondary-sidebar .type15 .widget.widget_recent_reviews ul li:before, .secondary-sidebar .type15 .widget.widget_recent_reviews ul li:hover:before, .secondary-sidebar .type15 .widget.widget_top_rated_products ul li:before, .secondary-sidebar .type15 .widget.widget_top_rated_products ul li:hover:before, .secondary-sidebar .type15 .widget.widget_recently_viewed_products ul li:before, .secondary-sidebar .type15 .widget.widget_recently_viewed_products ul li:hover:before { content:none; } .secondary-sidebar .type15 .woocommerce ul.cart_list li img, .secondary-sidebar .type15 .woocommerce ul.product_list_widget li img { width:50px; padding:0; } .secondary-sidebar .type15 .widget.widget_recently_viewed_products ul li a img { height: 50px; margin-top: 0; } .secondary-sidebar .type16 .widgettitle { background: #f5f5f5; border-left: 3px solid; font-size: 16px; font-weight: 600; margin-bottom: 30px; padding: 15px; } .secondary-sidebar .type16 .widgettitle:before { content:none; } .secondary-sidebar .type16 .widget .special-links { font-size:15px; } .secondary-sidebar .type16 .widget .special-links li a { padding-left:0; } .secondary-sidebar .type16 .widget .special-links li:before { content:none; } /*----*****---- << 2. Layout >> ----*****----*/ /*----*****---- << 2.1. Container >> ----*****----*/ .container { width:1170px; margin:0 auto; position:relative; clear:both; } .container.fill-container, .container.fill-stretch-row, .page-template-tpl-fullwidth .section-wrapper.fullwidth-section .container.fill-stretch-row { width:1200px; } .page-template-tpl-fullwidth .vc_row.vc-default-row { margin-left:0px; } #main { float:left; clear:both; width:100%; margin:0px; padding:0px; display:block; } #primary { width:870px; margin:0px; padding:0px 0px 0px; float:left; position:relative; } #primary.content-full-width { width:100%; } #primary.with-left-sidebar { float:right; margin-left:30px; } #primary.with-right-sidebar { float:left; margin-right:30px; } #primary.with-both-sidebar { width:570px; float:left; margin:0px 30px; } #secondary, #secondary-right, #secondary-left { width:270px; margin:0px; float:left; padding:0px; position:relative; z-index:1; } #secondary-right.secondary-has-right-sidebar { float:right; } #secondary-left.secondary-has-left-sidebar { float:left; } #secondary.secondary-has-both-sidebar { margin:0px; } .page-template-tpl-fullwidth-php #primary { padding-bottom:0px; } .wrapper { clear:both; width:100%; margin:0px; padding:0px; float:left; } body.layout-boxed { background-attachment: fixed; } .layout-boxed .wrapper { overflow:hidden; } .layout-boxed .vc_row.vc_row-no-padding { left: -40px !important; margin: 0 auto; width: calc(100% + 80px) !important; } .layout-boxed .wrapper { width:1250px; margin:0 auto; float:none; } .inner-wrapper { margin:0px; width:100%; float:left; padding:0px; overflow:hidden; } .layout-boxed .inner-wrapper { background:#ffffff; } .section-wrapper { float:left; clear:both; width:100%; margin-bottom:0px; padding:0px; } .section-wrapper.fullwidth-section > .container { width:100%; } .section-wrapper.fullwidth-section { position:relative; box-sizing:border-box; } .dark-overlay, .extend-bg-fullwidth-left, .extend-bg-fullwidth-right, .light-overlay { position:relative; } .dark-overlay:before, .light-overlay:before { position:absolute; content:""; width:100%; height:100%; left:0px; top:0px; display:inline !important; z-index:0; } .section-wrapper .container { z-index:9; } .extend-bg-fullwidth-left:after { content:""; position:absolute; top:0px; right:100%; height:100%; width: 100%; display:inline !important; } .extend-bg-fullwidth-right:after { content:""; position:absolute; top:0px; left:100%; height:100%; width: 100%; display:inline !important; } .vertical-align-middle .container/*, .vertical-align-middle .column*/ { height:100%; } .vertical-align-middle-wrapper { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } /* Side Navigation */ .side-navigation { width:27%; float:left; margin:0px 2% 0px 0px; padding:0px; } .side-navigation-content { width:71%; float:left; margin:0px; padding:0px; } .side-navigation-content img { max-width:100%; } .side-nav-container { float:left; margin:0px; padding:0px; width:98%; } ul.side-nav { border:1px solid; border-bottom:0px; margin:0px; padding:0px; float:left; width:100%; } ul.side-nav li { float:left; width:100%; display:block; padding:0px; border-bottom:1px solid; } ul.side-nav li a { color:#2d2d29; padding:12px 0px 11px 60px; display:block; position:relative; } ul.side-nav li a:before { content:"\f0da"; font-family:FontAwesome; font-style:normal; font-weight:normal; color:#444446; position:absolute; left:0; top:0; margin:auto; width:45px; height:100%; text-align:center; line-height:47px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; } ul.side-nav > li.current_page_item > a:after, ul.side-nav > li > ul > li.current_page_item > a:after { content:""; position:absolute; background:url(images/side-nav-active.png) no-repeat; width:11px; height:46px; right:-11px; top:0px; } /*ul.side-nav > li > a:hover, ul.side-nav > li > ul > li > a:hover, ul.side-nav > li.current_page_item > a, ul.side-nav li > ul > li.current_page_item > a { color:#4bbcd7; }*/ ul.side-nav li a:hover:before, ul.side-nav > li.current_page_item > a:before, ul.side-nav > li > ul > li.current_page_item > a:before, ul.side-nav > li > ul > li > ul > li.current_page_item > a:before { color:#ffffff; } ul.side-nav li ul { border-top:1px solid; margin:0px; padding-left:0px; } ul.side-nav li ul li:last-child { border:none; padding-bottom:0px; } ul.side-nav li ul li a { padding-left:85px; } ul.side-nav ul ul li a { padding-left:120px; } ul.side-nav li a:before, ul.side-nav > li > a:hover, ul.side-nav > li > ul > li > a:hover, ul.side-nav > li > ul > li > ul > li > a:hover, ul.side-nav > li.current_page_item > a, ul.side-nav > li > ul > li.current_page_item > a, ul.side-nav > li > ul > li > ul > li.current_page_item > a { background:#ededed; } ul.side-nav, ul.side-nav li, ul.side-nav li ul { border-color:#e3e3e3; } ul.side-nav li a:before, ul.side-nav > li > a:hover, ul.side-nav > li > ul > li > a:hover, ul.side-nav > li > ul > li > ul > li > a:hover { color:#2d2d29; } /*----*****---- << 2.2. Header >> ----*****----*/ #header-wrapper { float:left; width:100%; margin:0px; padding:0px; } #header { width:100%; margin:0px; padding:0px; float:left; position:relative; } .top-bar { float:left; clear:both; margin:0px; padding:0px; width:100%; max-height:50px; line-height:50px; position:relative; z-index:99999; } .top-bar-left { width:49%; float:left; } .top-bar-right { width:49%; float:right; text-align:right; } .top-bar .dt-sc-vertical-small-separator { position:relative; top:2px; } .top-bar-right .dt-sc-vertical-small-separator { margin:0px 15px; } .top-bar .language { float:left; margin:0px; padding:0px 20px 0px 0px; position:relative; } .top-bar .language img { margin:0px 10px 0px 0px; vertical-align:middle; position:relative; top:-1px; } .top-bar .language:before { content:"\f107"; position:absolute; font-family:FontAwesome; font-size:14px; right:0px; top:0px; bottom:0px; margin:auto; } .text-with-icon { display:inline-block; } .text-with-icon .icon, .text-with-icon .fa { display:inline-block; font-size:14px; font-weight:bold; margin:0px 5px 0px 0px; position:relative; top:1px; } .top-bar .dt-sc-sociable { float:right; margin:0px; padding:0px; } .top-bar .dt-sc-sociable li { display:inline-block; margin:0px; padding:0px; } .top-bar .dt-sc-sociable li a { padding:0px 10px; width:auto; height:auto; line-height:50px; } .top-bar .dt-sc-button { margin-top:5px; letter-spacing:1px; font-weight:bold; } .dt-sc-vertical-small-separator { width:1px; height:15px; display:inline-block; margin:0px 20px; } .dt-sc-vertical-separator { display:inline-block; margin:0px 20px; position:relative; } .dt-sc-vertical-separator:before { content:""; position:absolute; left:0px; top:-30px; right:0px; margin:auto; width:1px; height:50px; } .breaking-news h6 { padding:10px 20px; margin:7px 20px 0px 0px; font-size:12px; text-transform:uppercase; float:left; border-radius:5px; } .breaking-news p { line-height:50px; margin:0px; } .header-with-topbar .main-header-wrapper, .header-with-topbar.header-on-slider .main-header-wrapper { top:50px; } /*.standard-header.header-with-topbar .main-header-wrapper { top:50px; }*/ .main-header-wrapper { position:absolute; left:0; top:0; width:100%; } .main-header { float:left; width:100%; padding:0px; margin:0px; position:relative; } .standard-header .main-header-wrapper { position:inherit; top:0px; float:left; clear:both; width:100%; } .boxed-header .main-header-wrapper { top:60px; } .boxed-header .main-header { padding:0px 30px; box-sizing:border-box; } .split-header #logo { position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto; width:18%; text-align:center; z-index:9999; } .split-header #logo a { display:inline-block; max-width:100%; } .split-header #logo a img { max-width:100%; max-height:100%; } .split-header #main-menu .menu-left, .split-header #main-menu .menu-right { width:40%; } .split-header #main-menu .menu-right { float:right; } .split-header .menu-wrapper, .split-header #main-menu { width:100%; margin:0px; } .split-header #main-menu ul.menu > li > a { padding:0px 21px; } .split-header #main-menu ul.menu { text-align:left; line-height:0px; } .split-header #main-menu ul.menu li { line-height:24px; } .split-header #main-menu ul.menu.menu-right { text-align:right; } .split-header #main-menu ul.menu > li { float:none; display:inline-block; text-align:center; } .split-header.transparent-header #main-menu ul.menu > li > a { line-height:40px; padding:0px; } .split-header.transparent-header #main-menu ul.menu > li { padding:0px 20px; } .split-header.boxed-header.transparent-header .main-header-wrapper { top:75px; } .transparent-header .main-header, .transparent-header .main-header-wrapper, .left-header.transparent-header .main-header, .left-header.transparent-header .main-header-wrapper { background:none; } .two-color-header .main-header-wrapper:before { content:""; position:absolute; top:0px; left:-5%; width:39.5%; height:100%; -webkit-transform:skewX(-30deg); transform:skewX(-30deg); } .two-color-header .main-header-wrapper:after { content:""; position:absolute; top:0px; right:-5%; width:70%; height:100%; -webkit-transform:skewX(-30deg); transform:skewX(-30deg); } .two-color-header .menu-wrapper { position:relative; z-index:1; } .fullwidth-menu-header .menu-wrapper { width:100%; clear:both; text-align:center; border-top:1px solid; border-bottom:1px solid; margin-left:0px; float:left; } .header-align-center.fullwidth-menu-header #main-menu, .header-align-center #main-menu ul.menu { text-align:center; display:inline-block; float:none; } .header-align-center.fullwidth-menu-header #main-menu ul.menu > li, .header-align-center #main-menu ul.menu > li > a { float:none; display:inline-block; } .header-align-center.fullwidth-menu-header #main-menu ul.menu > li > a { line-height:70px; } .header-align-center.fullwidth-menu-header .menu-icons-wrapper { height:50px; display:inline-block; float:none; } .header-align-center.fullwidth-menu-header .menu-icons-wrapper .search, .header-align-center.fullwidth-menu-header .menu-icons-wrapper .cart { float:none; display:inline-block; } .header-align-center.fullwidth-menu-header .menu-icons-wrapper .search a, .header-align-center.fullwidth-menu-header .menu-icons-wrapper .cart a { line-height:50px; } .header-align-center .header-left, .header-right { width:35%; } .header-align-center #logo { width:30%; text-align:center; } .header-align-center .main-header #logo a { padding:20px 0px; } .header-align-center .header-left { float:left; } .header-align-center .header-right { float:right; text-align:right; } .header-align-left .header-right { width:75%; float:right; text-align:right; } .header-align-left.fullwidth-menu-header .menu-wrapper { border:none; } .header-ad { width:100%; line-height:150px; } .header-ad img { max-width:100%; vertical-align:middle; } .main-header #searchform { border:1px solid; padding:13px 15px; max-width:250px; position:relative; margin:28px 0px 0px; } .main-header #searchform:before { content:"\f002"; position:absolute; font-family:FontAwesome; font-size:14px; right:15px; top:-4px; bottom:0px; margin:auto; height:22px; } .main-header #searchform input[type="text"] { border:none; background:none; padding:0px; text-transform:uppercase; font-size:12px; width:220px; -webkit-appearance:none; } .main-header #searchform label span { display:none; } .main-header #searchform input[type="submit"] { width:45px; height:42px; margin:0px; padding:0px; position:absolute; right:0px; top:0px; z-index:1; cursor:pointer; background:none; text-indent:-9999px; } .cart-info { padding:14px 20px 14px 57px; width:auto; display:inline-block; position:relative; margin:28px 0px 0px; } .cart-info p { margin:0px; } .cart-info:before { content:"\e66c"; position:absolute; font-family:"Stroke-Gap-Icons"; font-size:20px; left:15px; top:18px; } .cart-icon span { font-size:12px; line-height:20px; display:inline-block; width:20px; height:20px; border-radius:50%; text-align:center; position:absolute; left:28px; top:9px; } .cart-total { font-size:14px; display:inline-block; margin:0px 0px 0px 20px; letter-spacing:0.5px; } #logo { float:left; padding:0px; margin:0px; } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,#logo a { position:relative; z-index:1; } } #logo a { display:block; height:70px; line-height:70px; overflow:hidden; padding:10px 0px; } #logo a img { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } #logo .logo-title { margin-top: 11px; } #logo .logo-title > h1 { line-height: normal; margin-bottom: 0; font-weight:bold; } #logo .logo-title h2 { font-size: 20px; } #logo .logo-title > h1 a { height: auto; line-height: normal; width: auto; padding:0; } .left-header #logo .logo-title { padding:0 20px; } .menu-icons-wrapper { float:right; margin:0px 0px 0px 10px; padding:10px 0px; height:70px; } .menu-icons-wrapper .search, .menu-icons-wrapper .cart { float:left; margin:0px 10px; } .menu-icons-wrapper.rounded-icons .search, .menu-icons-wrapper.rounded-icons .cart { margin:0px 5px; } .menu-icons-wrapper div:last-child { margin-right:0px; } .menu-icons-wrapper .search a, .menu-icons-wrapper .cart a { font-size:14px; } .menu-icons-wrapper .search a span, .menu-icons-wrapper .cart a span { line-height:70px; } .menu-icons-wrapper.rounded-icons .search a span, .menu-icons-wrapper.rounded-icons .cart a span { width:38px; height:38px; border-radius:50%; line-height:40px; text-align:center; } .menu-icons-wrapper .search { position:relative; } .menu-icons-wrapper .top-menu-search-container { display:none; position:absolute; right:-10px; bottom:-55px; z-index:9; } .menu-icons-wrapper .top-menu-search-container.show-top-menu-search { display:block; } .menu-icons-wrapper .top-menu-search-container .search-form label span { display:none; } .menu-icons-wrapper .top-menu-search-container .search-form input[type="submit"] { text-indent:-9999px; } .menu-icons-wrapper .top-menu-search-container .search-form input[type="search"] { padding-right:30px; text-transform:none; } .menu-icons-wrapper .cart sup { width:15px; height:15px; line-height:15px; text-align:center; font-size:9px; font-weight:bold; color:#ffffff; border-radius:50%; position:relative; top:-8px; left:-9px; display:inline-block; } .main-header .menu-icons-wrapper #searchform { margin:0px; } .main-header .top-menu-search-container .dt-search-icon { display:none; } .live-chat { float:right; margin:32px 0px 0px 10px; } .live-chat a { font-size:10px; font-weight:800; padding:10px 15px 9px; text-transform:uppercase; border-radius:5px; } .live-chat a span { font-size:14px; display:inline-block; margin:0px 5px 0px 0px; } /* 2.2.1. Menu */ .menu-wrapper { float:right; margin:0px 0px 0px 20px; } #main-menu, #main-menu ul.menu { float:left; margin:0px; padding:0px; } #main-menu ul.menu li { float:left; display:inline; margin:0px; padding:0px; } #main-menu > ul.menu > li > a, #main-menu > ul.menu > li > span.nolink-menu { float:left; padding:0px 20px; line-height:90px; font-weight:600; font-size:13px; /*text-transform:uppercase;*/letter-spacing:0.5px; } .menu-active-highlight-grey #main-menu ul.menu > li { padding:0px 20px; } .menu-active-highlight-grey #main-menu ul.menu > li > a { padding:0px; position:relative; } .menu-active-highlight-grey #main-menu ul.menu > li > a:before { content:""; position:absolute; height:2px; width:100%; left:0px; bottom:0px; } .left-header .menu-active-highlight-grey #main-menu ul.menu > li { padding:0; } .left-header #main-menu, .left-header #main-menu ul.menu { width:100%; } .menu-active-with-double-border #main-menu ul.menu > li > a { border-bottom:4px double transparent; } .split-header.transparent-header .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:before, .split-header.transparent-header .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:before, .split-header.transparent-header .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:before, .split-header.transparent-header .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:before { bottom:-2px; } .split-header.transparent-header .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:after, .split-header.transparent-header .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:after, .split-header.transparent-header .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:after, .split-header.transparent-header .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:after { bottom:-8px; } .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a, .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a { position:relative; } .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:after, .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:after, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:after, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:after { content:""; position:absolute; left:0px; right:0px; margin:auto; } .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:before { bottom:16px; width:13px; height:1px; } .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:after, .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:after, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:after, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:after { bottom:10px; height:13px; width:1px; } .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a, .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a { border:none; } .menu-active-border-with-arrow #main-menu > ul.menu > li.current_page_item > a, .menu-active-border-with-arrow #main-menu > ul.menu > li.current_page_ancestor > a, .menu-active-border-with-arrow #main-menu > ul.menu > li.current-menu-item > a, .menu-active-border-with-arrow #main-menu > ul.menu > li.current-menu-ancestor > a { position:relative; } .menu-active-border-with-arrow #main-menu > ul.menu > li.current_page_item > a:before, .menu-active-border-with-arrow #main-menu > ul.menu > li.current_page_ancestor > a:before, .menu-active-border-with-arrow #main-menu > ul.menu > li.current-menu-item > a:before, .menu-active-border-with-arrow #main-menu > ul.menu > li.current-menu-ancestor > a:before, .menu-active-border-with-arrow #main-menu > ul.menu > li.current_page_item > a:after, .menu-active-border-with-arrow #main-menu > ul.menu > li.current_page_ancestor > a:after, .menu-active-border-with-arrow #main-menu > ul.menu > li.current-menu-item > a:after, .menu-active-border-with-arrow #main-menu > ul.menu > li.current-menu-ancestor > a:after { content:""; position:absolute; left:0px; bottom:0px; width:100%; margin:auto; } .menu-active-border-with-arrow #main-menu > ul.menu > li.current_page_item > a:before, .menu-active-border-with-arrow #main-menu > ul.menu > li.current_page_ancestor > a:before, .menu-active-border-with-arrow #main-menu > ul.menu > li.current-menu-item > a:before, .menu-active-border-with-arrow #main-menu > ul.menu > li.current-menu-ancestor > a:before { border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:3px solid; right:0px; width:0px; bottom:2px; } .menu-active-border-with-arrow #main-menu > ul.menu > li.current_page_item > a:after, .menu-active-border-with-arrow #main-menu > ul.menu > li.current_page_ancestor > a:after, .menu-active-border-with-arrow #main-menu > ul.menu > li.current-menu-item > a:after, .menu-active-border-with-arrow #main-menu > ul.menu > li.current-menu-ancestor > a:after { height:2px; } .menu-active-with-two-border #main-menu > ul.menu > li.current_page_item > a, .menu-active-with-two-border #main-menu > ul.menu > li.current_page_ancestor > a, .menu-active-with-two-border #main-menu > ul.menu > li.current-menu-item > a, .menu-active-with-two-border #main-menu > ul.menu > li.current-menu-ancestor > a { position:relative; } .menu-active-with-two-border #main-menu > ul.menu > li.current_page_item > a:before, .menu-active-with-two-border #main-menu > ul.menu > li.current_page_ancestor > a:before, .menu-active-with-two-border #main-menu > ul.menu > li.current-menu-item > a:before, .menu-active-with-two-border #main-menu > ul.menu > li.current-menu-ancestor > a:before, .menu-active-with-two-border #main-menu > ul.menu > li.current_page_item > a:after, .menu-active-with-two-border #main-menu > ul.menu > li.current_page_ancestor > a:after, .menu-active-with-two-border #main-menu > ul.menu > li.current-menu-item > a:after, .menu-active-with-two-border #main-menu > ul.menu > li.current-menu-ancestor > a:after { content:""; position:absolute; left:0px; width:100%; height:2px; } .menu-active-with-two-border #main-menu > ul.menu > li.current_page_item > a:before, .menu-active-with-two-border #main-menu > ul.menu > li.current_page_ancestor > a:before, .menu-active-with-two-border #main-menu > ul.menu > li.current-menu-item > a:before, .menu-active-with-two-border #main-menu > ul.menu > li.current-menu-ancestor > a:before { top:0px; } .menu-active-with-two-border #main-menu > ul.menu > li.current_page_item > a:after, .menu-active-with-two-border #main-menu > ul.menu > li.current_page_ancestor > a:after, .menu-active-with-two-border #main-menu > ul.menu > li.current-menu-item > a:after, .menu-active-with-two-border #main-menu > ul.menu > li.current-menu-ancestor > a:after { bottom:0px; } .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current_page_item > a, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current_page_ancestor > a, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current-menu-item > a, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current-menu-ancestor > a { position:relative; } .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current_page_item > a:before, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current_page_ancestor > a:before, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current-menu-item > a:before, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current-menu-ancestor > a:before { content:""; position:absolute; width:0px; height:0px; left:0px; bottom:-12px; border-top:12px solid; border-left:36px solid transparent; border-right:36px solid transparent; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari */ ::i-block-chrome,.menu-active-highlight-with-arrow #main-menu > ul.menu > li.current_page_item > a:before, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current_page_ancestor > a:before, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current-menu-item > a:before, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current-menu-ancestor > a:before { border-left-width:34px; border-right-width:34px; } } .menu-with-small-splitter #main-menu ul.menu > li { position:relative; } .menu-with-small-splitter #main-menu ul.menu > li:before { content:""; position:absolute; top:0px; bottom:0px; right:0px; margin:auto; height:20px; width:1px; } .menu-with-small-splitter #main-menu ul.menu > li:last-child:before { background:none; } .menu-with-slanting-splitter #main-menu ul.menu > li { position:relative; } .menu-with-slanting-splitter #main-menu ul.menu > li:before { content:""; position:absolute; top:3px; bottom:0px; right:-6px; margin:auto; height:25px; width:1px; -webkit-transform:rotate(30deg); -moz-transform-origin:0 0; -moz-transform:rotate(30deg); -ms-transform-origin:0 0; -ms-transform:rotate(30deg); transform-origin:0 0; transform:rotate(30deg); } .menu-with-slanting-splitter #main-menu ul.menu > li:last-child:before, .dt-sc-dark-bg .menu-with-slanting-splitter #main-menu ul.menu > li:last-child:before { background:none; } /* Left Header */ html { height:100%; } /*body.left-header { height:100%; } */ .left-header #header-wrapper .main-header-wrapper, .left-header #header-wrapper .main-header { height:100%; } .left-header #header-wrapper { width:260px; height:100%; position:fixed; left:0px; top:0px; z-index:9999; } .left-header #header { height:100%; overflow-y: visible; } .left-header .main-header-wrapper { position:inherit; } .left-header #logo, .left-header .menu-wrapper { width:100%; clear:both; } .left-header #header-wrapper .container { width:100%; height:100%; } .left-header #logo { margin:35px 0px; } .left-header #main-menu ul.menu li, .left-header #main-menu ul.menu li a { width:100%; box-sizing:border-box; } .left-header #main-menu > ul.menu > li > a { font-size:16px; font-weight:bold; line-height:normal; padding:16px 25px 15px; border-top:1px solid; } .left-header #main-menu > ul.menu > li:last-child > a { border-bottom:1px solid; } .left-header-footer { clear:both; width:100%; position:absolute; bottom:0px; text-align:center; padding:30px 20px; box-sizing:border-box; } .left-header-footer h5 { text-transform:uppercase; } .left-header-footer .dt-sc-sociable { width:100%; text-align:center; } .left-header-footer .dt-sc-sociable li, .left-header-footer .dt-sc-sociable li a { display:inline-block; float:none; } .left-header-footer .dt-sc-sociable li { margin: 0 5px 5px; } .left-header-footer .dt-sc-sociable.filled li a { width:32px; height:32px; line-height:32px; } .left-header-footer p { font-size:13px; line-height:24px; margin:20px 0px 0px; display:inline-block; } /*.left-header #main { width:-webkit-calc(100% - 260px); width:-moz-calc(100% - 260px); width:calc(100% - 260px); }*/ /*.left-header #main { padding-left:260px; box-sizing:border-box; } .left-header .menu-icons-wrapper { display:none; }*/ .left-header { overflow-x:hidden; } .left-header #main { padding-left:260px; box-sizing:border-box; } .left-header .menu-icons-wrapper { display:none; } .left-header #main-menu ul.menu > li > .megamenu-child-container { left:260px; top:0px; } .left-header #main-menu ul li.menu-item-simple-parent ul { left:260px; top:0px; } .left-header .section-wrapper.vc_row[data-vc-full-width-init] { padding-left:260px; } .left-header.left-header-boxed .section-wrapper.vc_row[data-vc-full-width-init] { padding-left:0px; } .left-header.left-header-creative .section-wrapper.vc_row[data-vc-full-width-init] { padding-left:0px; } /* Left Header Creative */ .left-header.left-header-creative #main { padding-left:0px; } .left-header.left-header-creative #toggle-sidebar { display:block !important; } .left-header #toggle-sidebar { cursor:pointer; width:45px; height:45px; position:fixed; left:20px; top:20px; z-index:3000; } .left-header #toggle-sidebar:before { content:""; position:absolute; width:26px; height:14px; border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; left:0px; right:0px; top:0px; bottom:0px; margin:auto; } .left-header #toggle-sidebar:after { content:""; position:absolute; width:26px; height:2px; background:#ffffff; left:0px; right:0px; top:0px; bottom:0px; margin:auto; } .left-header #toggle-sidebar.close-icon { display:none; } /* Left Header Boxed */ .left-header.left-header-boxed #main { padding-left:0px; } .left-header.left-header-boxed #header-wrapper { left:40px; top:40px; bottom:40px; height:auto; } .left-header.left-header-boxed #logo { box-sizing:border-box; padding:20px; margin:0px; text-align:center; } .left-header.left-header-boxed #main-menu > ul.menu > li > a { text-align:center; } /* Overlay Menu */ .overlay-header .overlay nav { text-align:center; position: relative; top: 50%; height: 60%; font-size: 54px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:100%; } .overlay-header .overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; float:none; } .overlay-header .overlay ul li { display: block; height: 16.6666667%; height: calc(100% / 6); min-height: 54px; } .overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-hugeinc.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .overlay-hugeinc nav { -webkit-perspective: 1200px; perspective: 1200px; } .overlay-hugeinc nav ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .overlay-hugeinc.open nav ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .overlay-hugeinc.close nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); } @media screen and (max-height: 30.5em) { .overlay-header .overlay nav { height:70%; } .overlay-header .overlay ul li { min-height:34px; } } .overlay-header .main-header-wrapper { background: transparent; } .overlay-header .overlay { position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999; } .overlay-header #trigger-overlay, .overlay-header .overlay .overlay-close { cursor:pointer; width:46px; height:46px; position:fixed; right:20px; top:20px; font-size:0px; z-index:9; } .overlay-header #trigger-overlay:before { content:""; position:absolute; width:26px; height:14px; border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; left:0px; right:0px; top:0px; bottom:0px; margin:auto; } .overlay-header #trigger-overlay:after { content:""; position:absolute; width:26px; height:2px; background:#ffffff; left:0px; right:0px; top:0px; bottom:0px; margin:auto; } .overlay-header .overlay .overlay-close:before, .overlay-header .overlay .overlay-close:after { content:""; position:absolute; width:26px; height:2px; background:#ffffff; left:0px; right:0px; top:0px; bottom:0px; margin:auto; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .overlay-header .overlay .overlay-close:after { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } .overlay-header .overlay .overlay-close { background:rgba(0, 0, 0, 0.1); } .overlay-header .overlay #main-menu, .overlay-header .overlay #main-menu ul.menu { float:none; text-align:center; } .overlay-header .overlay #main-menu > ul.menu > li { clear:both; text-align:center; float:none; display:block; width:100%; } .overlay-header .overlay #main-menu > ul.menu > li > a { font-size:20px; line-height:normal; color:#ffffff; float:none; display:block; padding:0px; text-transform:uppercase; position:relative; top:50%; transform:translateY(-50%); } .overlay-header .overlay #main-menu ul li.menu-item-megamenu-parent:hover > a, .overlay-header .overlay #main-menu ul > li.menu-item-simple-parent:hover > a { color:#ffffff !important; } .overlay-header .overlay #main-menu > ul.menu > li > a:hover { color:rgba(0, 0, 0, 0.4) !important; } .overlay-header .overlay #main-menu > ul > li.current_page_item, .overlay-header .overlay #main-menu > ul > li.current_page_ancestor, .overlay-header .overlay #main-menu > ul > li.current-menu-item, .overlay-header .overlay #main-menu ul > li.current-menu-ancestor, .overlay-header .overlay #main-menu > ul > li.current_page_item > a, .overlay-header .overlay #main-menu > ul > li.current_page_ancestor > a, .overlay-header .overlay #main-menu > ul > li.current-menu-item > a, .overlay-header .overlay #main-menu ul > li.current-menu-ancestor > a { background:none !important; border:none !important; color:rgba(0, 0, 0, 0.4) !important; } .overlay-header .overlay #main-menu > ul.menu > li > a:before, .overlay-header .overlay #main-menu > ul.menu > li > a:after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .overlay-header .overlay #main-menu > ul.menu > li > a:before { margin-right: 10px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } .overlay-header .overlay #main-menu > ul.menu > li > a:after { margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } .overlay-header .overlay #main-menu > ul.menu > li > a:hover:before, .overlay-header .overlay #main-menu > ul.menu > li > a:hover:after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } /* Menu Colors */ #main-menu ul.menu > li > a { color:#000000; } .semi-transparent-header #main-menu ul.menu > li > span.nolink-menu { color: #000; } .menu-active-highlight-grey #main-menu ul.menu > li > span.nolink-menu { padding: 0px;position: relative; } #main-menu ul.menu > li > span.nolink-menu { font-family: Raleway, sans-serif; } #main-menu ul.menu > li > span.nolink-menu, .left-header #main-menu > ul.menu > li > span.nolink-menu { font-size: 13px;font-weight: normal;letter-spacing: 0.5px; } #main-menu ul.menu > li > span.nolink-menu { color: #000; } #main-menu > ul.menu > li > span.nolink-menu { float: left;padding: 0px 20px;line-height: 90px;letter-spacing: 0.5px; } .is-sticky #main-menu > ul.menu > li > span.nolink-menu { line-height: 70px; } .dt-sc-dark-bg #main-menu ul.menu > li > a { color:#ffffff; } .menu-active-highlight #main-menu > ul.menu > li.current_page_item > a, .menu-active-highlight #main-menu > ul.menu > li.current_page_ancestor > a, .menu-active-highlight #main-menu > ul.menu > li.current-menu-item > a, .menu-active-highlight #main-menu > ul.menu > li.current-menu-ancestor > a, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current_page_item > a, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current_page_ancestor > a, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current-menu-item > a, .menu-active-highlight-with-arrow #main-menu > ul.menu > li.current-menu-ancestor > a, .left-header #main-menu > ul.menu > li.current_page_item > a, .left-header #main-menu > ul.menu > li.current_page_ancestor > a, .left-header #main-menu > ul.menu > li.current-menu-item > a, .left-header #main-menu > ul.menu > li.current-menu-ancestor > a { color:#ffffff; } .menu-active-highlight-grey #main-menu > ul.menu > li.current_page_item, .menu-active-highlight-grey #main-menu > ul.menu > li.current_page_ancestor, .menu-active-highlight-grey #main-menu > ul.menu > li.current-menu-item, .menu-active-highlight-grey #main-menu > ul.menu > li.current-menu-ancestor { background:#eeeeee; } .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:before, .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:after, .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:after, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:after, .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:after { background:#000000; } .menu-active-highlight.menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:before, .menu-active-highlight.menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:before, .menu-active-highlight.menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:before, .menu-active-highlight.menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:before, .menu-active-highlight.menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:after, .menu-active-highlight.menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:after, .menu-active-highlight.menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:after, .menu-active-highlight.menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:after { background:#ffffff; } .menu-with-small-splitter #main-menu ul.menu > li:before { background:rgba(0, 0, 0, 0.1); } .menu-with-slanting-splitter #main-menu ul.menu > li:before { background:rgba(0, 0, 0, 0.8); } .left-header #main-menu > ul.menu > li > a, .left-header #main-menu > ul.menu > li:last-child > a { border-color:rgba(0, 0, 0, 0.08); } .dt-sc-dark-bg .menu-with-slanting-splitter #main-menu ul.menu > li:before { background:rgba(255, 255, 255, 0.8); } /*----*****---- << 2.2.2. Sticky Header >> ----*****----*/ .sticky-wrapper { width:100%; z-index:9999; float:left; position:relative; } .sticky-wrapper .main-header-wrapper, .main-header-wrapper { z-index:9999; } .header-align-center.fullwidth-menu-header .is-sticky .menu-wrapper { left:0px; } .header-align-center.fullwidth-menu-header .is-sticky .menu-wrapper, .standard-header .is-sticky .main-header-wrapper, .header-on-slider .is-sticky .main-header-wrapper, .fullwidth-header.semi-transparent-header.header-on-slider .is-sticky .main-header-wrapper, .header-align-left.fullwidth-menu-header.semi-transparent-header .is-sticky .menu-wrapper, .header-align-left.transparent-header .is-sticky .menu-wrapper { background:rgba(255, 255, 255, 0.9); border-bottom:1px solid rgba(0, 0, 0, 0.05); } .two-color-header .is-sticky .main-header-wrapper { background:none; border:none; } .header-align-left.fullwidth-menu-header .is-sticky .menu-wrapper { left:0px; } .header-align-left.fullwidth-menu-header .is-sticky .menu-wrapper { border-radius:0px; } .header-align-left.fullwidth-menu-header .is-sticky #main-menu, .header-align-left.fullwidth-menu-header .is-sticky #main-menu ul.menu { text-align:center; width:100%; } .header-align-left.fullwidth-menu-header .is-sticky #main-menu ul.menu > li, .header-align-left.fullwidth-menu-header .is-sticky #main-menu ul.menu > li > a { float:none; text-align:center; display:inline-block; } /*.header-align-left.fullwidth-menu-header .is-sticky #main-menu ul.menu > li > a { line-height:60px; }*/ .is-sticky #logo a { height:50px; } .is-sticky #logo a img { max-height:100%; width:auto; height:auto; max-width:100%; } .is-sticky #main-menu ul.menu > li > a, .is-sticky #main-menu ul.menu > li > span { line-height:70px; } .is-sticky .menu-icons-wrapper { height:50px; } .is-sticky .menu-icons-wrapper .search a span, .is-sticky .menu-icons-wrapper .cart a span { line-height:50px; } .header-on-slider .sticky-wrapper { position:absolute; } .fullwidth-menu-header.header-on-slider .sticky-wrapper { position: inherit; } .header-on-slider .is-sticky { height: 70px; } .header-on-slider .is-sticky .main-header-wrapper { height:auto; } #header-wrapper.dt-sc-dark-bg .is-sticky .main-header-wrapper { background:rgba(0, 0, 0, 0.9) !important; border:none; } .boxed-header .is-sticky .main-header, .boxed-header.semi-transparent-header .is-sticky .main-header { background:none; } .is-sticky .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:before, .is-sticky .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:before, .is-sticky .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:before, .is-sticky .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:before { bottom:10px; } .is-sticky .menu-active-with-icon #main-menu > ul.menu > li.current_page_item > a:after, .is-sticky .menu-active-with-icon #main-menu > ul.menu > li.current_page_ancestor > a:after, .is-sticky .menu-active-with-icon #main-menu > ul.menu > li.current-menu-item > a:after, .is-sticky .menu-active-with-icon #main-menu > ul.menu > li.current-menu-ancestor > a:after { bottom:5px; } .split-header.transparent-header .is-sticky #main-menu ul.menu > li > a { line-height:66px; } .is-sticky #main-menu .megamenu-child-container { top:70px; } .is-sticky #main-menu ul li.menu-item-simple-parent ul { top:60px; } .is-sticky #main-menu ul li.menu-item-simple-parent ul li ul { top:-10px; } /****** Simple Drop Down Menu *****/ #main-menu ul.menu > li { position:relative; } #main-menu ul li.menu-item-simple-parent ul, #main-menu ul li.menu-item-simple-parent ul li ul, #main-menu ul li.menu-item-simple-parent ul li ul li ul { display:none; text-align:left; z-index:9999; } #main-menu ul li.menu-item-simple-parent ul { width:260px; background:#ffffff; padding:10px 0px 10px; position:absolute; top:80px; left:0px; float:left; } #main-menu ul li.menu-item-simple-parent ul li { display:block; padding:0px 15px; position:relative; width:100%; box-sizing:border-box; } #main-menu ul li.menu-item-simple-parent ul li a { color:#000000; position:relative; padding:10px 0px 10px 10px; font-size:14px; line-height:24px; display:block; } #main-menu ul li.menu-item-simple-parent ul li:last-child > a { border:none; } #main-menu ul li.menu-item-simple-parent ul li ul { left:260px; top:-10px; padding-top:5px; } /*#main-menu ul li.menu-item-simple-parent:last-child ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul, #main-menu ul li.menu-item-simple-parent:nth-child(7) ul { right:0px; left:inherit; } #main-menu ul li.menu-item-simple-parent:last-child ul li ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul, #main-menu ul li.menu-item-simple-parent:nth-child(7) ul li ul { right:220px; left:inherit; }*/ #main-menu ul li.menu-item-simple-parent ul li a .fa { /*color:#000000;*/ margin-right:10px; position:relative; top:-1px; } #main-menu ul li.menu-item-simple-parent.dt-sc-dark-bg ul li a, #main-menu ul li.menu-item-simple-parent.dt-sc-dark-bg ul li a .fa { color:#ffffff; } /****** 2.2.3. Mega Menu *****/ #main-menu ul.menu > li > .megamenu-child-container { display:none; z-index:9999; } #main-menu .megamenu-child-container { background:#ffffff; padding:10px 10px 0px; position:absolute; top:90px; left:0px; float:left; /*border:1px solid #dedede; border-bottom-width:3px;*/ } #main-menu .megamenu-child-container img { max-width:100%; } /* Mega Menu Columns */ #main-menu .megamenu-2-columns-group .megamenu-child-container, #main-menu .megamenu-child-container > ul.sub-menu > li.fill-two-columns { width:580px; } #main-menu .megamenu-3-columns-group .megamenu-child-container, #main-menu .megamenu-child-container > ul.sub-menu > li.fill-three-columns { width:870px; } #main-menu .megamenu-4-columns-group .megamenu-child-container, #main-menu .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width:1160px; } #main-menu .megamenu-child-container > ul.sub-menu > li { width:290px; padding:15px; float:left; display:inline; box-sizing:border-box; } #main-menu .megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth { width:100%; display:block; } #main-menu .megamenu-3-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth { width:100%; display:block; } #main-menu .megamenu-4-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth { width:100%; display:block; } #main-menu .megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.fill-three-columns, #main-menu .megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width:580px; } #main-menu .megamenu-3-columns-group .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width:870px; } #main-menu .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget { width:545px; } #main-menu .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget { width:356px; } #main-menu .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget { width:400px; } #main-menu .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget { float:left; margin:0px; padding:0px 15px 30px; box-sizing:border-box; } #main-menu .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget { width:282px; } #main-menu .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget { width:280px; } #main-menu .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget { width:275px; } #main-menu .megamenu-child-container > ul.sub-menu { padding:0px; margin:0px; text-align:left; } #main-menu .megamenu-child-container > ul.sub-menu > li > a, #main-menu .megamenu-child-container > ul.sub-menu > li > .nolink-menu { color:#000000; text-transform:uppercase; font-weight:600; padding:0px; margin-bottom:15px; display:block; font-size:14px; } #main-menu .megamenu-child-container > ul.sub-menu > li a .fa, #main-menu .megamenu-child-container > ul.sub-menu > li .fa { margin-right: 5px; } #main-menu .megamenu-child-container > ul.sub-menu > li .featured-product .featured-tag a .fa, #main-menu .megamenu-child-container > ul.sub-menu > li .featured-product .featured-tag .fa { margin-right: 0; } #main-menu .megamenu-child-container > ul.sub-menu > li > a .menu-item-description, #main-menu .menu-item-description { color:#696969; display:block; font-weight:normal; padding:0px; text-transform:none; font-size:12px; position:relative; top:-3px; } .dt-megamenu-custom-content { display:block; padding:10px 0px 0px; } #main-menu .megamenu-child-container ul.sub-menu > li > ul { padding:0px; margin:0px; } #main-menu .megamenu-child-container ul.sub-menu > li > ul li { display:block; padding:0px; } #main-menu .megamenu-child-container ul.sub-menu > li > ul li, #main-menu .megamenu-child-container ul.sub-menu > li > ul li a { clear:both; } #main-menu .megamenu-child-container ul.sub-menu > li > ul li a { color:#000000; position:relative; padding:10px 0px; font-size:14px; line-height:24px; display:block; } #main-menu .megamenu-child-container ul.sub-menu > li > ul li:last-child a { border:none; } #main-menu .megamenu-child-container ul.sub-menu > li > ul li a .fa { /*color:#000000;*/ margin-right:10px; position:relative; top:-1px; } #main-menu .megamenu-child-container ul.sub-menu > li > ul > li > ul { padding-left:20px; } #main-menu .megamenu-child-container > ul.sub-menu > li.fulwidth-image-link > .nolink-menu { padding:0px; } #main-menu .megamenu-child-container > ul.sub-menu > li.fulwidth-image-link ul.sub-menu { padding-top:0px; } #main-menu .megamenu-child-container > ul.sub-menu > li.fulwidth-image-link img { max-width:100%; } #main-menu .megamenu-child-container.dt-sc-dark-bg > ul.sub-menu > li > a, #main-menu .megamenu-child-container.dt-sc-dark-bg > ul.sub-menu > li > .nolink-menu, #main-menu .megamenu-child-container.dt-sc-dark-bg ul.sub-menu > li > ul li a, #main-menu .megamenu-child-container.dt-sc-dark-bg ul.sub-menu > li > ul li a .fa { color:#ffffff; } #main-menu .megamenu-child-container.dt-sc-dark-bg > ul.sub-menu > li > a .menu-item-description, #main-menu .dt-sc-dark-bg .menu-item-description { color:rgba(255, 255, 255, 0.5); } /****** Mega Menu Widgets *****/ #main-menu .menu-item-widget-area-container { width:100%; margin:10px 0px 0px; padding:0px; float:left; box-sizing:border-box; } #main-menu .menu-item-widget-area-container ul { padding:0px; margin:0px; } #main-menu .menu-item-widget-area-container .widget { padding:0px 0px 30px; display:inline; } #main-menu .menu-item-widget-area-container .widget.widget_pages ul li ul.children, #main-menu .menu-item-widget-area-container .widget.widget_nav_menu ul li ul.sub-menu { padding:10px 0px 0px 20px; } #main-menu .menu-item-widget-area-container .widget table { margin-bottom:0px; } #main-menu .menu-item-widget-area-container textarea { height:120px; } #main-menu .menu-item-widget-area-container .widget #wp-calendar td { padding:9px; } #main-menu .menu-item-widget-area-container .widget ul li > a, .menu-item-widget-area-container .tagcloud a { color:#000000; } #main-menu .menu-item-widget-area-container .tagcloud a:hover { color:#ffffff; } #main-menu .menu-item-widget-area-container .flickr-widget div a { max-width:65px; } #main-menu .menu-item-widget-area-container .widget .tweet_list li { border-color:rgba(0, 0, 0, 0.15); } #main-menu .dt-sc-dark-bg .menu-item-widget-area-container .widget ul li > a, #main-menu .dt-sc-dark-bg .menu-item-widget-area-container .tagcloud a, #main-menu .dt-sc-dark-bg .menu-item-widget-area-container .widget_recent_posts .entry-title h4 a { color:#ffffff; } #main-menu .dt-sc-dark-bg .menu-item-widget-area-container .recent-posts-widget li .entry-meta a, #main-menu .dt-sc-dark-bg .menu-item-widget-area-container .tweet_list li .tweet-time { color:rgba(255, 255, 255, 0.5); } #main-menu .dt-sc-dark-bg .menu-item-widget-area-container .widget ul li { border-color:rgba(255, 255, 255, 0.15); } #main-menu .menu-item-widget-area-container .widget img { max-width:100%; height:auto; } #main-menu .menu-item-widget-area-container .widget ul li { padding:10px 0px 10px 20px; } #main-menu .menu-item-widget-area-container .widget ul li:first-child, #main-menu .menu-item-widget-area-container .widget.widget_nav_menu ul.menu li:first-child { padding-top:0px; } #main-menu .menu-item-widget-area-container .widget.widget_archive ul li, #main-menu .menu-item-widget-area-container .widget.widget_categories ul li, #main-menu .menu-item-widget-area-container .widget.widget_pages ul li, #main-menu .menu-item-widget-area-container .widget.widget_meta ul li, #main-menu .menu-item-widget-area-container .widget.widget_nav_menu ul.menu li, #main-menu .menu-item-widget-area-container .widget.widget_text ul li { padding:0px; } #main-menu .menu-item-widget-area-container .widget.widget_archive ul li > a, #main-menu .menu-item-widget-area-container .widget.widget_categories ul li > a, #main-menu .menu-item-widget-area-container .widget.widget_pages ul li > a, #main-menu .menu-item-widget-area-container .widget.widget_meta ul li > a, #main-menu .menu-item-widget-area-container .widget.widget_nav_menu ul.menu li > a, #main-menu .menu-item-widget-area-container .widget.widget_text ul li > a { padding:10px 0px 10px 20px; } #main-menu .menu-item-widget-area-container .widget.widget_archive ul li:first-child > a, #main-menu .menu-item-widget-area-container .widget.widget_categories ul li:first-child > a, #main-menu .menu-item-widget-area-container .widget.widget_pages ul li:first-child > a, #main-menu .menu-item-widget-area-container .widget.widget_meta ul li:first-child > a, #main-menu .menu-item-widget-area-container .widget.widget_nav_menu ul.menu li:first-child > a, #main-menu .menu-item-widget-area-container .widget.widget_text ul li:first-child > a { padding-top:0px; } #main-menu .menu-item-widget-area-container .widget .recent-portfolio-widget ul li { padding:0px; } #main-menu .menu-item-widget-area-container .widget .recent-posts-widget li { padding-left:0px; } #main-menu .menu-item-widget-area-container .widget .tweet_list li { padding:0px 0px 20px 40px; } /****** 2.2.4. Mobile Menu *****/ .dt-menu-toggle { display:none; color:#ffffff; font-size:16px; font-weight:bold; text-transform:uppercase; padding:10px 15px; cursor:pointer; position:relative; z-index:1; } /*.dt-menu-toggle-icon { background:#ffffff; display:inline-block; float:right; height:2px; margin-top:10px; position:relative; text-align:left; width:20px; }*/ .dt-menu-toggle-icon { background:#ffffff; display:inline-block; height:2px; position:absolute; text-align:left; width:20px; right:15px; top:0px; bottom:0px; margin:auto; } .dt-menu-toggle-icon:before, .dt-menu-toggle-icon:after { content:""; position:absolute; background:#ffffff; height:2px; width:20px; left:0px; top:-5px; } .dt-menu-toggle-icon:after { top:5px; } #main-menu ul.menu li a.dt-menu-expand { border:none !important; cursor:pointer; display: none; font-family:FontAwesome; font-weight:normal; font-size:20px; height:38px; line-height:38px; margin:auto; padding: 0 !important; position:absolute !important; right: 0; top: 0; text-align:center; width:38px !important; } .header-align-left.fullwidth-menu-header .is-sticky #main-menu ul.menu > li > a.dt-menu-expand { display:none; } #main-menu ul li.menu-item-simple-parent.menu-links-with-bg ul > li > a.dt-menu-expand { display:none; } #main-menu .menu-item-megamenu-parent.menu-title-with-bg a.dt-menu-expand { height:44px; line-height:44px; margin:0px; } #main-menu ul.menu li a.dt-menu-expand.dt-mean-clicked { font-family:monospace; } /* Mega Menu & Sub Menu Containers */ #main-menu .megamenu-child-container > ul.sub-menu > li > a .menu-item-description { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; } #main-menu ul li.menu-item-simple-parent.with-box-shadow ul, #main-menu .menu-item-megamenu-parent.with-box-shadow .megamenu-child-container { -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); } /* Mega Menu Title With Background */ #main-menu .menu-item-megamenu-parent.menu-title-with-bg .megamenu-child-container > ul.sub-menu > li > a, #main-menu .menu-item-megamenu-parent.menu-title-with-bg .megamenu-child-container > ul.sub-menu > li > .nolink-menu { padding:10px 15px; margin-bottom:10px; box-sizing:border-box; } #main-menu .megamenu-child-container.menu-hasbg { background-color:#ffffff; background-position:right bottom; background-repeat:no-repeat; } /* Mega Menu Title With Border */ #main-menu .menu-item-megamenu-parent.menu-title-with-border .megamenu-child-container > ul.sub-menu > li > a, #main-menu .menu-item-megamenu-parent.menu-title-with-border .megamenu-child-container > ul.sub-menu > li > .nolink-menu { padding-bottom:10px; } /* Mega Menu Links With Background */ #main-menu .menu-item-megamenu-parent.menu-links-with-bg .megamenu-child-container ul.sub-menu > li > ul > li, #main-menu .menu-item-megamenu-parent.menu-links-with-border .megamenu-child-container ul.sub-menu > li > ul > li { width:100%; } #main-menu .menu-item-megamenu-parent.menu-links-with-bg .megamenu-child-container ul.sub-menu > li > ul > li > a, #main-menu ul li.menu-item-simple-parent.menu-links-with-bg ul > li > a { padding:7px 12px; margin-bottom:7px; box-sizing:border-box; float:left; width:100%; display:inline-block; } /* Mega Menu Links With Border */ #main-menu .menu-item-megamenu-parent.menu-links-with-border .megamenu-child-container ul.sub-menu > li > ul > li > a, #main-menu ul li.menu-item-simple-parent.menu-links-with-border ul > li > a { padding-bottom:10px; } #main-menu .menu-item-megamenu-parent.menu-links-with-border .megamenu-child-container ul.sub-menu > li > ul > li:last-child > a, #main-menu ul li.menu-item-simple-parent.menu-links-with-border ul > li:last-child > a { border:none !important; } #main-menu .menu-item-megamenu-parent.menu-links-with-border .megamenu-child-container ul.sub-menu > li > ul > li > a { box-sizing:border-box; float:left; width:100%; display:inline-block; } /* Mega Menu Links With Arrow */ #main-menu .menu-item-megamenu-parent.menu-links-with-arrow .megamenu-child-container ul.sub-menu > li > ul > li > a, #main-menu ul li.menu-item-simple-parent.menu-links-with-arrow ul > li > a { padding-left:15px; } #main-menu .menu-item-megamenu-parent.menu-links-with-arrow .megamenu-child-container ul.sub-menu > li > ul > li > a:before, #main-menu ul li.menu-item-simple-parent.menu-links-with-arrow ul > li > a:before { position:absolute; left:0px; font-family:FontAwesome; font-size:14px; } #main-menu .menu-item-megamenu-parent.menu-links-with-arrow.single .megamenu-child-container ul.sub-menu > li > ul > li > a:before, #main-menu ul li.menu-item-simple-parent.menu-links-with-arrow.single ul > li > a:before { content:"\f105"; } #main-menu .menu-item-megamenu-parent.menu-links-with-arrow.double .megamenu-child-container ul.sub-menu > li > ul > li > a:before, #main-menu ul li.menu-item-simple-parent.menu-links-with-arrow.double ul > li > a:before { content:"\f101"; } #main-menu .menu-item-megamenu-parent.menu-links-with-arrow.disc .megamenu-child-container ul.sub-menu > li > ul > li > a:before, #main-menu ul li.menu-item-simple-parent.menu-links-with-arrow.disc ul > li > a:before { content:"\f111"; font-size:8px; } #main-menu .menu-item-megamenu-parent.menu-links-with-bg.menu-links-with-arrow .megamenu-child-container ul.sub-menu > li > ul > li > a, #main-menu ul li.menu-item-simple-parent.menu-links-with-bg.menu-links-with-arrow ul > li > a { padding-left:27px; } #main-menu .menu-item-megamenu-parent.menu-links-with-bg.menu-links-with-arrow .megamenu-child-container ul.sub-menu > li > ul > li > a:before, #main-menu ul li.menu-item-simple-parent.menu-links-with-bg.menu-links-with-arrow ul > li > a:before { left:12px; } #main-menu ul li ul.children, #main-menu ul li ul li ul.children, #main-menu ul li ul li ul li ul.children { display:none; } #main-menu ul li:hover > ul.children, #main-menu ul li ul li:hover ul.children, #main-menu ul li ul li ul li:hover ul.children { display:block; } #main-menu ul li ul.children { background: #ffffff; float: left; left: 0; padding: 10px 0; position: absolute; top: 80px; width: 260px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } #main-menu ul li ul.children li { box-sizing: border-box; display: block; padding: 0 15px; position: relative; width: 100%; } #main-menu ul li ul.children li a { color: #000000; display: block; font-size: 14px; line-height: 24px; padding: 10px 0 10px 10px; position: relative; } #main-menu ul li ul li ul.children { left: 260px; padding-top: 5px; top: -10px; } .is-sticky #main-menu ul li ul.children { top:60px; } /*----*****---- << 2.3. Main Content >> ----*****----*/ /*----*****---- << 2.3.1. Slider >> ----*****----*/ #slider { float:left; clear:both; width:100%; margin:0px 0px 40px; padding:0px; display:block; line-height:0px; } #slider img { max-width:100%; } /*.page-template-tpl-fullwidth #slider,*/ .page-template-default #slider { margin-bottom: 0; } /*----*****---- << 2.3.2. Title & Breadcrumb >> ----*****----*/ .main-title-section-wrapper { float:left; width:100%; margin:0px 0px 65px; padding:40px 0px 43px; clear:both; background:rgba(0, 0, 0, 0.05); } .header-on-slider .main-title-section-wrapper { padding-top:130px; } .boxed-header.header-on-slider .main-title-section-wrapper { padding-top:190px; } .main-title-section { float:left; width:100%; margin:0px; padding:0px; position:relative; } .main-title-section h1 { font-size:30px; font-weight:700; color:#000000; text-transform:uppercase; margin-bottom:0; } .breadcrumb { clear:both; float:left; width:100%; margin:0px; padding:0px; font-size:13px; font-weight:500; color:rgba(0, 0, 0, 0.6); } .breadcrumb a { color:#000000; } .breadcrumb .fa { display:inline-block; margin:0px 4px; padding:0px; } .breadcrumb span.current { color:rgba(0, 0, 0, 0.5); } .breadcrumb .fa.default { display:inline-block; height:14px; width:1px; -webkit-transform:rotate(30deg); -moz-transform-origin:0 0; -moz-transform:rotate(30deg); -ms-transform-origin:0 0; -ms-transform:rotate(30deg); transform-origin:0 0; transform:rotate(30deg); background:#000000; top:3px; position:relative; margin:0px 5px 0px 10px; } .main-title-section.aligncenter { text-align:center; } .main-title-section.alignright { text-align:right; } .header-on-slider .main-title-section-wrapper.no-breadcrumb { padding: 120px 0px 10px; } .main-title-section-wrapper.breadcrumb-left .breadcrumb { clear:none; float:left; width:35%; padding-right:20px; box-sizing:border-box; margin-top:13px; } .main-title-section-wrapper.breadcrumb-left .main-title-section { float:right; width:65%; text-align:right; } .main-title-section-wrapper.breadcrumb-right .breadcrumb { clear:none; float:right; text-align:right; width:35%; padding-left:20px; box-sizing:border-box; margin-top:13px; } .main-title-section-wrapper.breadcrumb-right .main-title-section { float:left; width:65%; } .main-title-section-wrapper.breadcrumb-top-left-title-center .main-title-section { width:100%; text-align:center; } .main-title-section-wrapper.breadcrumb-top-left-title-center .breadcrumb { margin-top:-70px; width:100%; float:left; } .main-title-section-wrapper.breadcrumb-top-right-title-center .main-title-section { width:100%; text-align:center; } .main-title-section-wrapper.breadcrumb-top-right-title-center .breadcrumb { margin-top:-70px; width:100%; float:right; text-align:right; } .dt-sc-dark-bg .breadcrumb { color:rgba(255, 255, 255, 0.6); } .dt-sc-dark-bg .breadcrumb a { color:#ffffff; } .dt-sc-dark-bg .breadcrumb a:hover, .dt-sc-dark-bg .breadcrumb span.current { color:rgba(255, 255, 255, 0.6); } .dt-sc-dark-bg .breadcrumb .fa.default { background:#ffffff; } .page.header-on-slider.transparent-header .dt-sc-dark-bg .main-header-wrapper { background:rgba(0, 0, 0, 0.5) !important; } .home-page.page.header-on-slider.transparent-header .dt-sc-dark-bg .main-header-wrapper { background:none !important; } /*----*****---- << 2.3.3. Portfolio >> ----*****----*/ .dt-sc-portfolio-sorting { float:left; clear:both; width:100%; margin:0px 0px 60px; padding:0px; text-align:center; } .dt-sc-portfolio-sorting a { font-size:13px; font-weight:600; padding:8px 20px 6px; text-transform:uppercase; letter-spacing:0.5px; border:1px solid; margin:0px 10px 20px; display:inline-block; position:relative; } .dt-sc-portfolio-sorting.type1 a { margin:0px 15px 20px; } .dt-sc-portfolio-sorting.type1 a:before, .dt-sc-portfolio-sorting.type1 a:after { content:""; position:absolute; top:0px; bottom:0px; margin:auto; } .dt-sc-portfolio-sorting.type1 a:before { width:15px; height:1px; left:-18px; } .dt-sc-portfolio-sorting.type1 a:after { width:1px; height:15px; left:-3px; } .dt-sc-portfolio-container { float:left; clear:both; margin:0px; padding:0px; width:100%; } .portfolio.column { margin-bottom:25px; } .portfolio.column.no-space { margin-bottom:0px; } .portfolio figure { position:relative; overflow:hidden; } .portfolio:hover figure img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .portfolio .image-overlay { position:absolute; opacity:0; display:block; bottom:0; left:0; right:0; width:100%; height:100%; overflow:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .portfolio .image-overlay .links { position:absolute; left:0px; top:0px; width:100%; height:100%; } .portfolio .image-overlay .links a { display:inline-block; height:45px; width:45px; font-size:20px; line-height:50px; border:1px solid; border-radius:50%; margin:30px 0px 0px 30px; position:relative; bottom:100%; z-index: 1; text-align:center; } .portfolio .image-overlay .links a:last-child { margin-left:5px; } .portfolio .image-overlay .links a span { line-height:45px; } .portfolio .image-overlay .links { width:100%; height:100%; } .portfolio .image-overlay .links:after { content:''; position:absolute; z-index:-1; } .portfolio .image-overlay .links:before { left:auto; left:10px; z-index:2; } .portfolio .image-overlay .links:after { width:0; height:200%; z-index:1; left:0px; top:-76%; margin:-5px 0 0 -5px; -webkit-transform-origin:0 0; -webkit-transform:rotate(20deg); -moz-transform-origin:0 0; -moz-transform:rotate(30deg); -ms-transform-origin:0 0; -ms-transform:rotate(30deg); transform-origin:0 0; transform:rotate(30deg); z-index:0; } .portfolio:hover .image-overlay .links:after { width:70%; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari */ ::i-block-chrome,.portfolio .image-overlay .links:after { -webkit-transform-origin:0 0; -webkit-transform:rotate(30deg); -moz-transform-origin:0 0; -moz-transform:rotate(30deg); -ms-transform-origin:0 0; -ms-transform:rotate(30deg); transform-origin:0 0; transform:rotate(30deg); } } .portfolio:hover .image-overlay .links a { bottom:0px; } .portfolio .image-overlay-details { position:absolute; right:30px; bottom:-100%; text-align:right; border-right:1px solid; box-sizing:border-box; padding:0px 20px; } .portfolio .image-overlay-details .categories { margin-bottom:0px; } .portfolio .image-overlay-details .categories a { letter-spacing:0.5px; } .portfolio .image-overlay h2 { font-weight:300; margin-bottom:0px; padding:0px; } .portfolio:hover .image-overlay-details { bottom:30px; } .portfolio:hover .image-overlay { opacity:1; } .isotope-hidden, .hidden { display:none !important; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* Architecture */ .portfolio.type2 .image-overlay { background:rgba(0, 0, 0, 0.7); } .portfolio.type2 .image-overlay-details { left:0px; bottom:-100px; right:inherit; width:100%; text-align:left; padding:20px 20px 15px; box-sizing:border-box; border:0px; } .portfolio.type2:hover .image-overlay-details { bottom:0px; } .portfolio.type2 .image-overlay h2 { font-size:18px; text-transform:uppercase; font-weight:600; } .portfolio.type2 .image-overlay h2 a, .portfolio.type2 .image-overlay-details .categories a { color:#ffffff; } .portfolio.type2 .image-overlay .links:after { background:none; } .portfolio.type2 .image-overlay .links { left:inherit; left:100%; width:100%; height:auto; bottom:57px; top:inherit; } .portfolio.type2 .image-overlay .links a { background:#000000; border-radius:0px; border:none; top:auto; bottom:auto; right:0px; float:right; width:60px; height:60px; margin:0px 0px 1px 1px; } .portfolio.type2 .image-overlay .links a span { font-size:28px; line-height:60px; } .portfolio.type2 .image-overlay .links a:hover { color:#ffffff; } .portfolio.type2:hover .image-overlay .links { left:0px; } .dt-sc-portfolio-sorting.type2 a, .dt-sc-portfolio-sorting.type2 a:hover, .dt-sc-portfolio-sorting.type2 a.active-sort { border:none; background:none; margin:0px; } .dt-sc-portfolio-sorting.type2 a:before, .dt-sc-portfolio-sorting.type2 a:hover:before, .dt-sc-portfolio-sorting.type2 a.active-sort:before { background:none; } .dt-sc-portfolio-sorting.type2 a:after {content:""; position:absolute; top:0px; bottom:0px; margin:auto; width:1px; height:15px; left:-3px; background:#ffffff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .dt-sc-portfolio-sorting.type2 { clear:none; width:auto; margin:0px 0px 0px 15px; padding:0px 20px; position:relative; } .page-template-tpl-portfolio .dt-sc-portfolio-sorting.type2 { margin:0px 0px 60px; } .dt-sc-portfolio-sorting.type2 a { color:#ffffff; padding:25px 20px 23px; } .dt-sc-portfolio-sorting.type2 a:hover, .dt-sc-portfolio-sorting.type2 a.active-sort { color:rgba(0, 0, 0, 0.4) !important; } .dt-sc-portfolio-sorting.type2 a:after, .dt-sc-portfolio-sorting.type2 a:hover:after { background:#ffffff; } .dt-sc-portfolio-sorting.type2 a:first-child:hover:before, .dt-sc-portfolio-sorting.type2 a:first-child:hover:after { background:none; } .dt-sc-portfolio-sorting.type2 a.active-sort:before { content:""; position:absolute; top:-2px; left:0px; width:100%; height:100%; border-top:1px solid #000000; border-bottom:1px solid #000000; height:-webkit-calc(100% + 2px); height:-moz-calc(100% + 2px); height:calc(100% + 2px); } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari */ ::i-block-chrome,.dt-sc-portfolio-sorting.type2 a.active-sort:before { height:103%; } } .dt-sc-portfolio-sorting.type2:before { content:""; position:absolute; right:-25px; top:0px; width:50px; height:100%; -webkit-transform:skewX(-30deg); -moz-transform:skewX(-30deg); -ms-transform:skewX(-30deg); transform:skewX(-30deg); } .dt-sc-portfolio-sorting.type2 a.active-sort:after { background:#ffffff; } .dt-sc-portfolio-sorting.type2 a:first-child:after, .dt-sc-portfolio-sorting.type2 a.active-sort:first-child:after { background:none; } /* Fitness */ .dt-sc-portfolio-container .portfolio.type3 { padding:2px; } .column .portfolio.type3 { position:relative; } .portfolio.type3 .image-overlay .links:after { background:none; } .portfolio.type3 .image-overlay { background:rgba(0, 0, 0, 0.6); box-sizing:border-box; left:10px; top:10px; width:89.1%; height:89%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); height:-webkit-calc(100% - 20px); height:-moz-calc(100% - 20px); height:calc(100% - 20px); } /*.portfolio.type3:before { content:""; position:absolute; left:12px; top:12px; border:10px solid rgba(255, 255, 255, 0.7); box-sizing:border-box; width:93.5%; height:93.5%; width:-webkit-calc(100% - 24px); width:-moz-calc(100% - 24px); width:calc(100% - 24px); height:-webkit-calc(100% - 24px); height:-moz-calc(100% - 24px); height:calc(100% - 24px); z-index:1; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; opacity:0; }*/ .portfolio.type3:hover:before { opacity:1; } .portfolio.type3 .image-overlay .links { top:0px; bottom:0px; left:0px; right:0px; margin:auto; width:100%; height:17px; text-align:center; } .portfolio.type3 .image-overlay .links a { font-size:16px; line-height:24px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; border:none; background:none; width:auto; margin:0px; padding:0px 10px; } .portfolio.type3 .image-overlay .links a:first-child { margin:0px; } .portfolio.type3 .image-overlay .links a:hover { background:none; } .portfolio.type3:hover .image-overlay .links a { bottom:14px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari */ ::i-block-chrome,.portfolio-single-grid .dt-sc-two-fifth .portfolio.type3 .image-overlay, ::i-block-chrome,.portfolio-single-grid .dt-sc-two-third .portfolio.type3 .image-overlay { width:94.5%; height:89.5%; } ::i-block-chrome,.portfolio-single-grid .dt-sc-two-fifth .portfolio.type3:before, ::i-block-chrome,.portfolio-single-grid .dt-sc-two-third .portfolio.type3:before { width:96.7%; height:94%; } ::i-block-chrome,.portfolio-single-grid .dt-sc-one-fifth #dt_portfolios-153.portfolio.type3 .image-overlay { height:94.6%; } ::i-block-chrome,.portfolio-single-grid .dt-sc-one-fifth #dt_portfolios-153.portfolio.type3:before { height:96.8%; } /* ::i-block-chrome,.dt-sc-portfolio-container .portfolio.type3:nth-child(2) .image-overlay { height:95%; } ::i-block-chrome,.dt-sc-portfolio-container .portfolio.type3:nth-child(2):before { height:97%; }*/ } /* Hotel */ .portfolio.type4 .image-overlay { background:rgba(254, 203, 22, 0.8); } .portfolio.type4 .image-overlay .links:after { background:none; } .portfolio.type4 .image-overlay .links { left:0px; right:0px; top:0px; bottom:0px; margin:auto; width:111px; height:45px; } .portfolio.type4 .image-overlay .links a { margin:0px 5px; bottom:100%; background:#000000; border:0px; border-radius:0px; } .portfolio.type4 .image-overlay .links a:hover { color:#000000; } .portfolio.type4 .image-overlay .links a:first-child { right:100%; bottom:0px; } .portfolio.type4:hover .image-overlay .links a:first-child { right:0px; bottom:0; } .portfolio.type4 .image-overlay .links a:last-child { left:100%; bottom:0px; margin-left:0px; } .portfolio.type4:hover .image-overlay .links a:last-child { left:0px; bottom:0; } .portfolio.type4 .image-overlay .links a:last-child { -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease; } /* Medical */ .portfolio.type5 .image-overlay-details { left:0px; bottom:-100px; right:inherit; width:100%; background:rgba(0, 0, 0, 0.1); text-align:center; padding:20px 10px; box-sizing:border-box; border:0px; } .portfolio.type5:hover .image-overlay-details { bottom:0px; } .portfolio.type5 .image-overlay h2 { font-size:16px; margin-bottom:5px; } .portfolio.type5 .image-overlay .links:after { background:none; } .portfolio.type5 .image-overlay .links { left:0px; right:0px; top:0px; bottom:0px; margin:auto; width:120px; height:45px; } .portfolio.type5 .image-overlay .links a { margin:0px 5px; bottom:100%; } .portfolio.type5 .image-overlay .links a:first-child { right:100%; bottom:0px; } .portfolio.type5:hover .image-overlay .links a:first-child { right:0px; bottom:90%; } .portfolio.type5 .image-overlay .links a:last-child { left:100%; bottom:0px; } .portfolio.type5:hover .image-overlay .links a:last-child { left:0px; bottom:90%; } .portfolio.type5 .image-overlay .links a:last-child { -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease; } .dt-sc-portfolio-sorting.type5 a { border-color:#eeeeee; border-radius:5px; } /* Photography */ .portfolio.type6.column { margin-bottom:35px; } .portfolio.type6 figure { overflow:visible; } .portfolio.type6 figure img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter:grayscale(100%); -webkit-filter:grayscale(1); filter:gray; } .portfolio.type6:hover figure img { filter:grayscale(0%); -webkit-filter:grayscale(0); filter:none; } .portfolio.type6 .image-overlay { background:none; left:-10px; bottom:-10px; width:103%; height:100%; width:-webkit-calc(100% + 10px); width:-moz-calc(100% + 10px); width:calc(100% + 10px); height:-webkit-calc(100% + 10px); height:-moz-calc(100% + 10px); height:calc(100% + 10px); } .portfolio.type6 .image-overlay:before { content:""; position:absolute; left:10px; bottom:10px; width:100%; height:100%; background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0,0)), color-stop(100%,rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* IE10+ */ background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .portfolio.type6 .image-overlay .links:after { background:none; } .portfolio.type6 .image-overlay .links a { background:#000000; border:none; border-radius:0px; position:absolute; width:60px; height:60px; display:inline-block; line-height:66px; font-size:24px; margin:0px; z-index:1; } .portfolio.type6 .image-overlay .links a span { line-height:60px; } .portfolio.type6 .image-overlay .links a:last-child { margin-left:60px; } .portfolio.type6 .image-overlay .links { bottom:0px; left:0px; } .portfolio.type6 .image-overlay .links a { bottom:-100%; left:0px; } .portfolio.type6:hover .image-overlay .links a { bottom:0px; } .portfolio.type6:hover figure img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .portfolio.type6 .image-overlay .links a:hover { color:#ffffff; } .dt-sc-portfolio-sorting.type6 a { background:#000000; color:#ffffff; } .dt-sc-portfolio-sorting.type6 a:before { content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:-1; opacity:0; } .dt-sc-portfolio-sorting.type6 a.active-sort:before { left:-7px; top:-7px; background:#000000; opacity:1; } .isotope .portfolio.type6 .image-overlay { width:100%; height:100%; left:0px; bottom:0px; } .isotope .portfolio.type6 .image-overlay:before { left:0px; bottom:0px; } .portfolio.type6.column.no-space { margin-bottom:0px; } /* Restaurant */ .portfolio.type7 .image-overlay .links:after { background:none; } .portfolio.type7 .image-overlay-details { width:100%; text-align:center; border:none; } .portfolio.type7 .image-overlay h2 { font-size:14px; font-weight:bold; text-transform:uppercase; } .portfolio.type7 .image-overlay-details .categories { margin-bottom:10px; } .portfolio.type7 .image-overlay-details .categories a { position:relative; padding:0px 15px 0px 17px; font-size:12px; text-transform:uppercase; } .portfolio.type7 .image-overlay-details .categories a:before { content:""; position:absolute; width:8px; height:8px; left:0px; top:4px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } .portfolio.type7 .image-overlay-details .categories a.nonveg:before { background:#bb0605; } .portfolio.type7 .image-overlay-details .categories a.veg:before { background:#328500; } .portfolio.type7 .image-overlay-details { right:0px; } .portfolio.type7:hover .image-overlay-details { bottom:70px; } .portfolio.type7 .image-overlay { background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0,0)), color-stop(100%,rgba(0, 0, 0, 0.8))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%); /* IE10+ */ background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .portfolio.type7 .image-overlay .links:after { background:none; } .portfolio.type7 .image-overlay .links { left:0px; right:0px; width:100%; height:auto; bottom:0px; top:inherit; width:180px; margin:auto; } .portfolio.type7:hover .image-overlay .links { left:0px; } .portfolio.type7 .image-overlay .links a { margin-left:0px; border:none; width:87px; border-radius:0px; line-height:60px; } .portfolio.type7 .image-overlay .links a span { line-height:60px; } .portfolio.type7 .image-overlay .links a:hover { background:none; color:#ffffff; z-index:1; } .portfolio.type7 .image-overlay .links a:before { content:""; position:absolute; left:12px; bottom:-32px; width:60px; height:60px; border:2px solid; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); -ms-transform:rotate(45deg); z-index:-1; } .portfolio.type7 .image-overlay .links a, .portfolio.type7:hover .image-overlay .links a { bottom:0px; } .portfolio.type7 .image-overlay .links { bottom:-100%; } .portfolio.type7:hover .image-overlay .links { bottom:0px; } .portfolio.type7 .image-overlay .links a:first-child, .portfolio.type7 .image-overlay .links a:last-child { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; } .dt-sc-portfolio-sorting.type7 a { border-width:2px; border-radius:30px; } /* Spa */ .dt-sc-portfolio-container .portfolio.type8 figure img, .dt-sc-portfolio-container .portfolio.type8 figure .image-overlay { border-radius:0px 40px 0px 40px; } .dt-sc-portfolio-container .portfolio.type8:nth-child(1) figure img, .dt-sc-portfolio-container .portfolio.type8:nth-child(3) figure img, .dt-sc-portfolio-container .portfolio.type8:nth-child(6) figure img, .dt-sc-portfolio-container .portfolio.type8:nth-child(8) figure img, .dt-sc-portfolio-container .portfolio.type8:nth-child(1) figure .image-overlay, .dt-sc-portfolio-container .portfolio.type8:nth-child(3) figure .image-overlay, .dt-sc-portfolio-container .portfolio.type8:nth-child(6) figure .image-overlay, .dt-sc-portfolio-container .portfolio.type8:nth-child(8) figure .image-overlay { border-radius:40px 0px 40px 0px; } .portfolio.type8:hover figure img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .portfolio.type8 .image-overlay h2 { font-size:18px; padding-bottom:30px; } .portfolio.type8 .image-overlay-details .categories { font-size:14px; position:absolute; bottom:60px; left:0px; right:0px; } .portfolio.type8 .image-overlay-details { border:0px; text-align:center; width:100%; left:0px; right:0px; top:0px; bottom:0px; margin:auto; height:120px; } .portfolio.type8 .image-overlay .links:after { background:none; } .portfolio.type8 .image-overlay-details:before { content:""; position:absolute; width:40px; height:2px; background:#ffffff; left:0px; right:0px; bottom:45px; margin:auto; } .portfolio.type8 .image-overlay .links { text-align:center; bottom:0px; height:36px; left:0px; right:0px; top:100px; bottom:0px; width:115px; margin:auto; } .portfolio.type8 .image-overlay .links a { border:0px; margin:0px 5px; border-radius:15px 0px; background:#ffffff; color:#ef577a; } .portfolio.type8 .image-overlay .links a:hover { background:#553737; color:#ffffff; } .portfolio.type8 .image-overlay .links a { top:100%; bottom:auto; } .portfolio.type8:hover .image-overlay .links a { top:0; bottom:auto; } .dt-sc-portfolio-sorting.type8 a { background:#f7f7f7; border:none; border-radius:15px 0px; padding:10px 20px 10px; } /* Wedding */ .dt-sc-portfolio-sorting.type9 { margin-bottom:40px; } .dt-sc-portfolio-sorting.type9 a { border-radius:8px; background:#ffffff; border:none; font-size:24px; color:#6e4d27; font-weight:normal; letter-spacing:1px; margin:0px 5px 20px; } .portfolio.type9:hover { -webkit-transform:skewX(3deg) scale(1.2); -moz-transform:skewX(3deg) scale(1.2); -ms-transform:skewX(3deg) scale(1.2); transform:skewX(3deg) scale(1.2); z-index:1; } .portfolio.type9 figure img { border:5px solid #ffffff; border-radius:10px; box-sizing:border-box; } .portfolio.type9 .image-overlay { border-radius:5px; left:5px; top:5px; width:96.5%; height:97%; width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); width:calc(100% - 10px); height:-webkit-calc(100% - 10px); height:-moz-calc(100% - 10px); height:calc(100% - 10px); } .portfolio.type9:hover figure img { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .portfolio.type9 figure { overflow:inherit; } .portfolio.type9 .image-overlay .links:after { background:none; } .portfolio.type9 .image-overlay .links { text-align:center; width:100%; height:100%; } .portfolio.type9 .image-overlay .links a { border:none; font-size:40px; } .portfolio.type9 .image-overlay .links a:last-child { margin-left:0px; } .portfolio.type9 .image-overlay .links, .portfolio.type9 .image-overlay .links a { left:0px; right:0px; top:0px; bottom:0px; margin:auto; height:44px; } .portfolio.type9 .image-overlay .links a:hover { background:none; color:#6e4d27; } /* Portfolio Columns */ .dt-sc-portfolio-container .portfolio { margin-left:0px; margin-right:0px; } .page-template-tpl-fullwidth .dt-sc-portfolio-container .portfolio.no-space.dt-sc-one-fourth, .page-template-tpl-portfolio .dt-sc-portfolio-container .portfolio.no-space.dt-sc-one-fourth { width:24.9868%; } .page-with-sidebar .portfolio.dt-sc-one-half { width:48.9%; } .with-both-sidebar .portfolio.dt-sc-one-half, .page-with-sidebar.with-both-sidebar .portfolio.dt-sc-one-third, .page-with-sidebar.with-both-sidebar .portfolio.dt-sc-one-fourth { width:48.2%; } .page-with-sidebar .portfolio.dt-sc-one-third { width:31.6%; } .page-with-sidebar .portfolio.dt-sc-one-fourth { width:23.2%; } /* Type 1 */ .page-with-sidebar .portfolio.type1 .image-overlay h2, .portfolio.type1.dt-sc-one-third .image-overlay h2 { font-size:20px; } .page-with-sidebar .portfolio.type1 .image-overlay .links a, .page-template-tpl-portfolio .portfolio.type1.dt-sc-one-third .image-overlay .links a, .page-template-tpl-portfolio .portfolio.type1.dt-sc-one-fourth .image-overlay .links a { margin:20px 0px 0px 20px; } .page-with-sidebar .portfolio.type1 .image-overlay .links a:last-child, .page-template-tpl-portfolio .portfolio.type1.dt-sc-one-third .image-overlay .links a:last-child, .page-template-tpl-portfolio .portfolio.type1.dt-sc-one-fourth .image-overlay .links a:last-child { margin-left:5px; } .with-both-sidebar .portfolio.type1 .image-overlay h2 { font-size:15px; } .with-both-sidebar .portfolio.type1 .image-overlay .links:after, .page-with-sidebar .portfolio.type1.dt-sc-one-third .image-overlay .links:after, .page-template-tpl-portfolio .portfolio.type1.dt-sc-one-fourth .image-overlay .links:after { background:none; } .page-with-sidebar .portfolio.type1.dt-sc-one-third .image-overlay h2, .page-template-tpl-portfolio .portfolio.type1.dt-sc-one-fourth .image-overlay h2 { font-size:16px; } .page-with-sidebar .portfolio.type1.dt-sc-one-fourth .image-overlay-details .categories { display:none; } .with-both-sidebar .portfolio.type1.dt-sc-one-fourth .image-overlay-details .categories { display:block; } .page-with-sidebar .portfolio.type1.dt-sc-one-fourth .image-overlay h2 { font-size:14px; } .page-with-sidebar .portfolio.type1.dt-sc-one-fourth .image-overlay .links a { height:30px; width:30px; line-height: 25px; } .page-with-sidebar .portfolio.type1.dt-sc-one-fourth .image-overlay .links a span { line-height:30px; font-size:14px; } .page-with-sidebar .portfolio.type1.dt-sc-one-fourth:hover .image-overlay-details { bottom:20px; } .with-both-sidebar .portfolio.type1.dt-sc-one-fourth .image-overlay .links a { height:40px; width:40px; } .with-both-sidebar .portfolio.type1.dt-sc-one-fourth .image-overlay .links a span { line-height:40px; font-size:16px; } /* Type 2 */ .with-both-sidebar .dt-sc-portfolio-sorting.type2 { width:93%; box-sizing:border-box; } .with-both-sidebar .dt-sc-portfolio-sorting.type2 a { font-size:10px; padding:15px 9px 14px; } .with-both-sidebar .portfolio.type2 .image-overlay h2 { font-size:12px; } .with-both-sidebar .portfolio.type2 .image-overlay .links a, .page-with-sidebar .portfolio.type2.dt-sc-one-third .image-overlay .links a, .page-template-tpl-portfolio .portfolio.type2.dt-sc-one-fourth .image-overlay .links a { width:50px; height:50px; } .with-both-sidebar .portfolio.type2 .image-overlay .links a span, .page-with-sidebar .portfolio.type2.dt-sc-one-third .image-overlay .links a span, .page-template-tpl-portfolio .portfolio.type2.dt-sc-one-fourth .image-overlay .links a span { line-height:50px; font-size:20px; } .with-both-sidebar .portfolio.type2 .image-overlay .links, .page-with-sidebar .portfolio.type2.dt-sc-one-third .image-overlay .links, .page-template-tpl-portfolio .portfolio.type2.dt-sc-one-fourth .image-overlay .links { bottom:50px; } .portfolio.type2.dt-sc-one-third .image-overlay h2 { font-size:16px; } .page-with-sidebar .portfolio.type2.dt-sc-one-third .image-overlay h2 { font-size:11px; } .page-template-tpl-portfolio .portfolio.type2.dt-sc-one-fourth .image-overlay h2 { font-size:12px; } .page-with-sidebar .portfolio.type2.dt-sc-one-fourth .image-overlay .links { bottom:65px; } .with-both-sidebar .portfolio.type2.dt-sc-one-fourth .image-overlay h2 { font-size:11px; } .page-with-sidebar.with-both-sidebar .portfolio.type2.dt-sc-one-fourth .image-overlay .links { bottom:49px; } /* Type 3 */ .with-both-sidebar .portfolio.type3 .image-overlay .links a { font-size:12px; } .page-with-sidebar .portfolio.type3.dt-sc-one-third .image-overlay .links a, .portfolio.type3.dt-sc-one-fourth .image-overlay .links a { font-size:13px; } .page-with-sidebar .portfolio.type3.dt-sc-one-fourth .image-overlay .links a { font-size:12px; } /* Type 5 */ .with-both-sidebar .portfolio.type5 .image-overlay-details .categories, .with-both-sidebar .portfolio.type5 .image-overlay-details .categories { font-size:11px; } .with-both-sidebar .portfolio.type5 .image-overlay h2, .page-with-sidebar .portfolio.type5.dt-sc-one-third .image-overlay h2, .page-template-tpl-portfolio .portfolio.type5.dt-sc-one-fourth .image-overlay h2 { font-size:14px; } .page-with-sidebar .portfolio.type5.dt-sc-one-fourth .image-overlay h2 { margin-bottom:0px; } .page-with-sidebar .portfolio.type5.dt-sc-one-fourth .image-overlay-details .categories { display:none; } .with-both-sidebar .portfolio.type5.dt-sc-one-fourth .image-overlay-details .categories { display:block; } /* Type 7 */ .with-both-sidebar .portfolio.type7 .image-overlay h2, .page-with-sidebar .portfolio.type7 .image-overlay h2, .portfolio.type7.dt-sc-one-fourth .image-overlay h2 { font-size:12px; } .page-with-sidebar .portfolio.type7.dt-sc-one-fourth .image-overlay-details .categories { display:none; } .portfolio.type7.dt-sc-one-fourth .image-overlay-details .categories { display:none; } .with-both-sidebar .portfolio.type7.dt-sc-one-fourth .image-overlay-details .categories { display:block; } .page-with-sidebar .portfolio.type7.dt-sc-one-fourth:hover .image-overlay-details { bottom:60px; } /* Type 8 */ .with-both-sidebar .portfolio.type8 .image-overlay-details .categories, .page-with-sidebar .portfolio.type8.dt-sc-one-third .image-overlay-details .categories, .page-template-tpl-portfolio .portfolio.type8.dt-sc-one-fourth .image-overlay-details .categories { font-size:12px; bottom:70px; } .with-both-sidebar .portfolio.type8 .image-overlay h2, /*.page-template-tpl-portfolio .portfolio.type8 .image-overlay h2, */.page-with-sidebar .portfolio.type8.dt-sc-one-third .image-overlay h2, .page-template-tpl-portfolio .portfolio.type8.dt-sc-one-fourth .image-overlay h2 { font-size:14px; } .with-both-sidebar .portfolio.type8 .image-overlay-details:before, .page-with-sidebar .portfolio.type8.dt-sc-one-third .image-overlay-details:before, .page-template-tpl-portfolio .portfolio.type8.dt-sc-one-fourth .image-overlay-details:before { bottom:50px; } .page-with-sidebar .portfolio.type8.dt-sc-one-fourth .image-overlay-details .categories { display:none; } .with-both-sidebar .portfolio.type8.dt-sc-one-fourth .image-overlay-details .categories { display:block; } .page-with-sidebar .portfolio.type8.dt-sc-one-fourth .image-overlay .links { top:60px; } .page-with-sidebar .portfolio.type8.dt-sc-one-fourth .image-overlay-details:before { bottom:67px; } .with-both-sidebar.page-with-sidebar .portfolio.type8.dt-sc-one-fourth .image-overlay-details:before { bottom:62px; } /* Portfolio Single */ .dt-portfolio-single { width:100%; margin:0px; padding:0px 0px 6px; float:left; clear:both; position:relative; } .dt-portfolio-single:before { content:""; position:absolute; bottom:0px; left:0px; width:100%; height:6px; } .dt-portfolio-single-details { padding:40px 0px 0px; display:block; clear:both; float:left; } .dt-portfolio-single-details h3 { font-weight:bold; } .dt-sc-one-third .dt-portfolio-single-details { padding-top:10px; } .dt-sc-one-third .dt-portfolio-single-details .dt-sc-three-fourth, .dt-sc-one-third .dt-portfolio-single-details .dt-sc-one-fourth { width:100%; margin:0px; } .dt-sc-one-third .dt-portfolio-single-details .dt-sc-three-fourth { padding-bottom:40px; } .dt-sc-one-third .dt-portfolio-single-details .dt-sc-three-fourth { padding-right:0px; } .dt-portfolio-single > .dt-sc-two-third { margin-right:2%; margin-left:0px; } .dt-portfolio-single > .dt-sc-one-third { margin-left:0px; margin-right:0px; } .dt-portfolio-single .dt-sc-two-third.right-gallery { float:right; margin-left:2%; margin-right:0px; } .dt-portfolio-single-slider-wrapper, .dt-portfolio-single-slider { float:left; clear:both; margin:0px; padding:0px; width:100%; line-height:0px; } .dt-portfolio-single-slider li { display:block; margin:0px 1px 0px 0px; padding:0px; } .dt-portfolio-single-slider li img { max-width:100%; height:auto; } .dt-portfolio-single-slider-wrapper #bx-pager { float:left; display:inline; margin:30px 0px 0px; padding:0px; width:100%; text-align:center; } .dt-portfolio-single-slider-wrapper #bx-pager a { margin:0px 10px 15px; padding:3px; line-height:0px; display:inline-block; cursor:pointer; position:relative; } .dt-portfolio-single-slider-wrapper #bx-pager a img { max-width:85px; height:auto; } .dt-portfolio-single-slider-wrapper #bx-pager a.active:before { border:1px solid; position:absolute; width:100%; height:100%; content:""; left:-1px; top:-1px; } .dt-portfolio-single-details .dt-sc-three-fourth { padding-right:40px; } .portfolio-categories { float:left; clear:both; width:100%; margin:15px 0px 0px; padding:0px; } .portfolio-categories a { color:#000000; font-size:13px; } .portfolio-categories i { font-size:20px; color:#000000; margin:0px 8px 0px 0px; position:relative; top:2px; } .project-details { margin:0px; float:left; clear:both; width:100%; } .project-details li { float:left; display:block; margin:0px; padding:10px 0px; font-size:14px; border-bottom:1px solid rgba(0, 0, 0, 0.1); width:100%; } .project-details li span { font-weight:bold; width:85px; display:inline-block; color:#000000; } .project-details li a { color:#808080; } .post-nav-container { float:left; width:100%; margin:40px 0px 0px; padding:0px; display:block; clear:both; position:relative; } .post-nav-container:before { content:""; position:absolute; left:0px; top:18px; border-top:1px solid rgba(0, 0, 0, 0.1); width:100%; height:1px; } .post-nav-container .post-next-link a, .post-nav-container .post-prev-link a { background:#ffffff; color:#000000; font-size:13px; font-weight:600; padding:6px 15px 5px; text-transform:uppercase; letter-spacing:0.5px; border:1px solid; margin:0px 20px 0px 0px; display:inline-block; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; } .post-nav-container .post-prev-link { float:left; } .post-nav-container .post-next-link { float:right; } .post-nav-container .post-next-link a i { margin-left:10px; } .post-nav-container .post-prev-link a i { margin-right:10px; } .post-nav-container .post-next-link a i, .post-nav-container .post-prev-link a i { color:#000000; position:relative; top:-1px; } .post-nav-container .post-next-link a { margin-right:0px; } .post-nav-container .post-next-link a:hover, .post-nav-container .post-prev-link a:hover, .post-nav-container .post-next-link a:hover i, .post-nav-container .post-prev-link a:hover i { color:#ffffff; } /* Portfolio Single Layout */ .with-both-sidebar .dt-portfolio-single-details .column { width:100%; margin:0px; padding:0px; } .with-both-sidebar .dt-portfolio-single-details .dt-sc-one-fourth { margin-top:40px; } .with-both-sidebar .dt-portfolio-single .dt-sc-two-third, .with-both-sidebar .dt-portfolio-single .dt-sc-one-third { margin:0px; width:100%; } .with-both-sidebar .dt-portfolio-single-details { margin:30px 0px 0px; } /* Related Portfolio */ .related-portfolios { float:left; margin:60px 0px 0px; padding:0px; width:100%; clear:both; } .related-portfolios h3 { font-weight:bold; margin-bottom:30px; } /*----*****---- << 2.3.4. Blog >> ----*****----*/ .blog-entry { float:left; clear:both; margin:0px; padding:0px; position:relative; width:100%; } .blog-entry.with-border { box-sizing:border-box; border:20px solid; } .blog-entry .entry-thumb { float:left; margin:0px 0px 20px; width:100%; position:relative; line-height:0px; } .blog-entry .entry-thumb img { max-width:100%; height:auto; } .blog-entry .entry-format { position:absolute; left:0px; top:0px; display:none; } .blog-entry.type-post .entry-format { display:block; } .blog-entry .entry-format a { border:10px solid; border-top:0px; border-left:0px; width:65px; height:65px; text-align:center; line-height:65px; float:left; margin:0px; position:relative; } .blog-entry .entry-format a:before { position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; margin:0px; font-family:Stroke-Gap-Icons; font-size:32px; line-height:70px; } .blog-entry.format-standard .entry-format a:before, .ico-format.format-standard:before { content:"\e6bd"; } .blog-entry.format-image .entry-format a:before, .ico-format.format-image:before { content:"\e6ac"; } .blog-entry.format-gallery .entry-format a:before, .ico-format.format-gallery:before { content:"\e6be"; } .blog-entry.format-status .entry-format a:before, .ico-format.format-status:before { content:"\e69e"; } .blog-entry.format-link .entry-format a:before, .ico-format.format-link:before { content:"\e67b"; } .blog-entry.format-aside .entry-format a:before, .ico-format.format-aside:before { content:"\e684"; } .blog-entry.format-quote .entry-format a:before, .ico-format.format-quote:before { content:"\e6b2"; } .blog-entry.format-video .entry-format a:before, .ico-format.format-video:before { content:"\e69a"; } .blog-entry.format-chat .entry-format a:before, .ico-format.format-chat:before { content:"\e6b3"; } .blog-entry.format-audio .entry-format a:before, .ico-format.format-audio:before { content:"\e699"; } .blog-entry.sticky { background: #f9f9f9; box-sizing: border-box; color: #000; padding: 30px; position: relative; } .blog-entry.tribe_events .ico-format { display: none; } .blog-entry .entry-details { clear:both; display:inline-block; width:100%; box-sizing:border-box; } .blog-entry .entry-meta { font-size:14px; font-weight:300; letter-spacing:0.5px; margin-bottom:7px; } .blog-entry .entry-title h4 { font-size:18px; text-transform:uppercase; margin-bottom:25px; } .blog-entry .entry-body { margin:0px 0px 15px; float:left; clear:both; width:100%; } .blog-entry.blog-medium-style { overflow:hidden; width:99.5%; } .blog-entry.blog-medium-style .entry-thumb { width:53%; margin:0px; } .blog-entry.blog-medium-style .entry-details { float:left; width:47%; box-sizing:border-box; padding:10px 0px 0px 70px; /*margin-bottom:-100px;*/ clear:none; } .blog-entry.blog-medium-style .dt-sc-button { margin-bottom:20px; } .blog-entry.blog-medium-style .entry-format { right:-35px; top:40px; left:inherit; } .blog-entry.blog-medium-style .entry-format a { background:#ffffff; border:2px solid #000000; color:#000000; height:70px; line-height:70px; width:70px; } .blog-entry.blog-medium-style:hover .entry-format a { color:#ffffff; } .blog-entry.blog-medium-style .entry-meta-data { margin:0px 0px -5px; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-thumb { width:48%; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { width:52%; } .blog-entry.blog-medium-style.dt-blog-medium-highlight { background:#ffffff; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding:30px; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-format { right:0px; top:30px; } .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-format a { border:none; background:#ffffff; color:#000000; } .blog-entry.blog-medium-style.dt-blog-medium-highlight:hover .entry-format a { background:#ffffff; } .blog-entry.blog-medium-style.dt-blog-medium-highlight.dt-sc-skin-highlight .entry-format a { color:#ffffff; } .blog-entry.entry-date-left .entry-details { padding:0px 0px 0px 85px; position:relative; margin:15px 0px 0px; min-height:120px; } .blog-entry.entry-date-left .entry-date, .blog-entry.entry-date-author-left .entry-date-author .entry-date { position:absolute; left:0px; width:70px; text-align:center; top:0px; font-size:30px; } .blog-entry.entry-date-left .entry-date { top:-5px; } .blog-entry.entry-date-left .entry-date span, .blog-entry.entry-date-author-left .entry-date-author .entry-date span { display:inline-block; width:100%; font-size:15px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:5px 0px; margin:10px 0px 0px; border-top:1px solid; border-bottom:1px solid; } .blog-entry.entry-date-left .entry-date .comments i { margin-right:5px; } .blog-entry.entry-date-left .entry-date a { font-size:16px; margin:10px 0px 0px; display:inline-block; width:100%; } .blog-entry.entry-date-left .entry-title { margin-top:-5px; } .blog-entry.entry-date-left.blog-thumb-style .entry-details { min-height:50px; } .tpl-blog-holder .column { margin-left:0px; margin-right:0px; } .tpl-blog-holder .column .blog-entry, .tpl-blog-holder .wpb_column .blog-entry { margin-bottom:35px; } .column .blog-entry, .wpb_column .blog-entry { margin-bottom:25px; } .column.no-space .blog-entry, .wpb_column.no-space .blog-entry { margin-bottom:0px; } .blog-entry.entry-date-author-left { padding-left:100px; position:relative; box-sizing:border-box; } .blog-entry.entry-date-author-left .entry-date-author { position:absolute; top:0px; left:0px; width:70px; text-align:center; } .blog-entry.entry-date-author-left .entry-date-author .entry-date { font-size:30px; width:100%; position:relative; } .blog-entry.entry-date-author-left .entry-date-author .entry-author { width:100%; margin-top:15px; padding-bottom:15px; border-bottom:1px solid; clear:both; display:inline-block; } .blog-entry.entry-date-author-left .entry-date-author .entry-author img { border-radius:50%; padding-bottom:5px; } .blog-entry.entry-date-author-left .entry-date-author .entry-author a { color:#999999; } .blog-entry.entry-date-author-left .entry-date-author .comments a { color:#000000; font-size:20px; margin-top:15px; display:inline-block; } .blog-entry.entry-date-author-left .entry-date-author .comments i { font-size:30px; display:inline-block; width:100%; } .ie9 .blog-entry.entry-date-author-left .entry-date-author .entry-date { position:static; } .blog-entry.entry-date-author-left .entry-details { margin-top:15px; } .blog-entry.entry-date-author-left .entry-details .entry-title h4 { margin-bottom:15px; font-size:15px; font-weight:bold; } .blog-entry.blog-thumb-style { border-bottom:1px solid; padding-bottom:25px; margin-bottom:25px; } .blog-entry.blog-thumb-style.last { border:0px; margin-bottom:0px; padding-bottom:0px; } .blog-entry.blog-thumb-style .entry-thumb { width:25%; margin:0px; padding:0px 25px 0px 0px; box-sizing:border-box; } .blog-entry.blog-thumb-style .entry-details { width:75%; box-sizing:border-box; margin-top:0px; } .blog-entry.blog-thumb-style .entry-title h4 { font-size:16px; font-weight:bold; margin-bottom:10px; text-transform:none; } .blog-entry.blog-thumb-style.entry-date-left .entry-details { padding-left:85px; } .blog-entry.blog-thumb-style .entry-format a { width:35px; height:35px; line-height:35px; font-size:18px; border:none; } .blog-entry.blog-thumb-style .entry-body, .blog-entry.blog-thumb-style .entry-body p { margin-bottom:0px; } .blog-entry.blog-thumb-style.entry-date-left .entry-date { width:60px; } .tpl-blog-holder { float:left; width:100%; clear:both; margin:0px; padding:0px; } .tpl-blog-holder.apply-isotope .column { margin-left:0px; } /*.entry-thumb { overflow:hidden; }*/ .entry-thumb .bx-wrapper { position:relative; overflow:hidden; } .entry-thumb .bx-controls a { top:0px; bottom:0px; margin:auto; position:absolute; color:#ffffff; width:35px; height:50px; font-size:0; opacity:0.6; filter:alpha(opacity=60); background:#ffffff; } .entry-thumb .bx-controls a:hover { opacity:1; filter:alpha(opacity=100); } .entry-thumb .bx-controls a.bx-prev:before, .entry-thumb .bx-controls a.bx-next:before { content:"\e684"; position:absolute; left:0px; top:0px; width:100%; text-align:center; line-height:50px; color:#000000; font-size:32px; font-family:Pe-icon-7-stroke; } .entry-thumb .bx-controls a.bx-prev:before { content:"\e686"; } .entry-thumb .bx-controls a.bx-prev { left:-35px; } .entry-thumb .bx-controls a.bx-next { right:-35px; } .entry-thumb:hover .bx-controls a.bx-prev { left:15px; } .entry-thumb:hover .bx-controls a.bx-next { right:15px; } .entry-gallery-post-slider li { padding:0px; display:inline; } .entry-meta .date, .entry-meta .comments, .entry-meta .author { display:inline-block; } .entry-meta .comments i, .entry-meta .author i { color:#888888; font-size:16px; position:relative; top:2px; } .entry-meta-data { display:inline-block; width:100%; margin:0px 0px 10px; padding:0px; } .entry-meta-data p { display:inline-block; margin-right:20px; } .entry-meta-data p a, .entry-meta-data p i { color:#000000; font-size:13px; } .entry-meta-data p i { font-size:14px; margin:0px 8px 0px 0px; font-size:20px; position:relative; top:2px; } .blog-entry.post_format-post-format-audio .entry-format { display:none; } /* Blog Columns */ .page-with-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-half { width:48.9%; } .page-with-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-third { width:31.6%; } .with-both-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-half { width:48.2%; } .with-both-sidebar .tpl-blog-holder.apply-isotope .dt-sc-one-third { width:30.9%; } .dt-sc-one-third .blog-entry .entry-title h4 { font-size:16px; } .dt-sc-one-third .blog-entry .entry-format a:before, .with-both-sidebar .dt-sc-one-half .blog-entry .entry-format a:before, .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-format a:before { line-height:50px; font-size:24px; } .dt-sc-one-third .blog-entry .entry-format a, .with-both-sidebar .dt-sc-one-half .blog-entry .entry-format a, .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-format a { width:50px; height:50px; line-height:50px; } .dt-sc-one-third .blog-entry .entry-meta, .with-both-sidebar .dt-sc-one-half .blog-entry .entry-meta { font-size:12px; } .with-both-sidebar .dt-sc-one-half .blog-entry .entry-title h4 { font-size:14px; line-height: 20px; } .with-both-sidebar .dt-sc-one-third .blog-entry .entry-title h4 { font-size:13px; line-height: 20px; font-weight:600; } .with-both-sidebar .dt-sc-one-column .blog-entry .entry-meta { font-size:12px; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-format { right:-25px; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style .entry-details { padding-left:50px; } .with-both-sidebar .dt-sc-one-column .blog-entry .entry-title h4 { font-size:14px; } .with-both-sidebar .dt-sc-one-third .blog-entry .entry-body p { line-height: normal; } .page-with-sidebar .blog-entry.single.blog-medium-style .entry-thumb, .page-with-sidebar .blog-entry.single.blog-medium-style.dt-blog-medium-highlight .entry-thumb { width:100%; } .page-with-sidebar .blog-entry.single.blog-medium-style .entry-details, .page-with-sidebar .blog-entry.single.blog-medium-style.dt-blog-medium-highlight .entry-details { width:100%; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-format { left:30px; right:inherit; bottom:-25px; top:inherit; } .with-both-sidebar .dt-sc-one-column .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-left:30px; } .page-with-sidebar .blog-entry.single.blog-medium-style .entry-format { left:30px; right:inherit; bottom:-35px; top:inherit; } .page-with-sidebar .blog-entry.single.blog-medium-style .entry-details, /* Blog Single - Skin Highlight Remove */.page-with-sidebar .blog-entry.single.blog-medium-style.dt-blog-medium-highlight.dt-sc-skin-highlight .entry-details { padding:60px 0px 0px 30px; } .page-with-sidebar .blog-entry.single.blog-medium-style.dt-blog-medium-highlight, /* Blog Single - Skin Highlight Remove */.blog-entry.single.blog-medium-style.dt-blog-medium-highlight.dt-sc-skin-highlight { background:none; } .page-with-sidebar .blog-entry.single.blog-medium-style.dt-blog-medium-highlight .entry-details { padding:40px 0px 0px 30px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title h4 { font-size:14px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-details { padding-left:60px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-date { width:45px; font-size:20px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-date span { font-size:12px; margin-top:5px; padding:2px 0px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title h4 { font-size:15px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-title { min-height:95px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-body, .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-meta-data { margin:20px 0px 15px -60px; width:-webkit-calc(100% + 60px); width:-moz-calc(100% + 60px); width:calc(100% + 60px); } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-left .entry-meta-data { margin-top:0px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left { padding-left:80px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-date-author { width:55px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author .entry-date, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-date-author .entry-date { font-size:24px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author .entry-date span, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-date-author .entry-date span { font-size:12px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-details, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-details { margin-top:5px; } .page-with-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-details .entry-title h4, .with-both-sidebar .dt-sc-one-half .blog-entry.entry-date-author-left .entry-details .entry-title h4 { font-size:13px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left { padding-left:60px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author { width:40px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date span { margin-top:5px; padding:0px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-title h4 { font-size:12px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-title { min-height:105px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-body, .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-meta-data { margin:20px 0px 15px -60px; width:-webkit-calc(100% + 60px); width:-moz-calc(100% + 60px); width:calc(100% + 60px); } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-meta-data { margin-top:0px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-date-author .entry-author { margin-top:10px; padding-bottom:5px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-format a { width:35px; height:35px; border-width:5px; } .with-both-sidebar .dt-sc-one-third .blog-entry.entry-date-author-left .entry-format a:before { line-height:35px; font-size:16px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-details { padding-left:55px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-format { right:-25px; top:20px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-format a { width:50px; height:50px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-format a:before { line-height:50px; font-size:24px; } .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-left:30px; } .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-format { right:0px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb { width:40%; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details { width:60%; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-meta { font-size:12px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-title h4 { font-size:14px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details { padding-left:40px; } .dt-sc-one-half .blog-entry.blog-medium-style .entry-format { right:-18px; top:15px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-format a, .page-with-sidebar .dt-sc-one-third .blog-entry.blog-medium-style .entry-format a { width:36px; height:36px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-format a:before, .page-with-sidebar .dt-sc-one-third .blog-entry.blog-medium-style .entry-format a:before { line-height:36px; font-size:16px; } .page-with-sidebar .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding-top:20px; padding-left:30px; } .with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding:0px 20px 20px; } .with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-thumb, .dt-sc-one-third .blog-entry.blog-medium-style .entry-thumb { width:100%; margin-bottom:30px; } .with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-details, .dt-sc-one-third .blog-entry.blog-medium-style .entry-details { width:100%; padding-left:0px; } .with-both-sidebar .dt-sc-one-half .blog-entry.blog-medium-style .entry-format, .dt-sc-one-third .blog-entry.blog-medium-style .entry-format { bottom: -20px; left:10px; right:inherit; top:inherit; } .dt-sc-one-third .blog-entry.blog-medium-style.dt-blog-medium-highlight .entry-details { padding:0px 20px 20px; } /** Unit Test Issue fix **/ .admin-bar .is-sticky .main-header-wrapper, .header-align-left.admin-bar .is-sticky #menu-wrapper, .header-align-center.admin-bar .is-sticky #menu-wrapper { top:31px !important; } .admin-bar.overlay-header #trigger-overlay, .admin-bar.overlay-header .overlay .overlay-close, .admin-bar.left-header #toggle-sidebar { top:43px; } .comment-navigation { float: left; width: 100%; border-top: 1px solid rgba(0,0,0,0.15); border-bottom: 1px solid rgba(0,0,0,0.15); padding:10px 0px; } .commententries #respond { float: left; width: 100%; margin-top: 30px; } .commententries .nav-previous { float:left; } .commententries .nav-next { float:right; } .commententries .nav-previous > a:before { content: "\f104"; margin-right: 5px; font-family:fontawesome; } .commententries .nav-next > a:after { content: "\f105"; margin-left: 5px; font-family:fontawesome; } .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .post-password-form label input { width: 50%; } /* Blog Single - Skin Highlight Remove */ .blog-entry.single.dt-sc-skin-highlight, .blog-entry.single.dt-sc-skin-highlight .entry-title h4 a, .blog-entry.single.dt-sc-skin-highlight .entry-meta a, .blog-entry.single.dt-sc-skin-highlight .entry-meta-data p a, .blog-entry.single.dt-sc-skin-highlight .entry-meta-data p i { color:#000000; } .blog-entry.single.dt-sc-skin-highlight .entry-meta .comments i, .blog-entry.single.dt-sc-skin-highlight .entry-meta .author i { color:#888888; } /*----*****---- << Blog Author Info >> ----*****----*/ .author-info { display:block; padding:0px; clear:both; float:left; margin:20px 0px 0px; } .author-info .thumb { width:120px; margin:0px 20px 0px 0px; float:left; position:relative; } .author-info .thumb:before { content:""; background-image:url(images/bordered-circle.png); background-repeat:no-repeat; background-size:110px 110px; width:110px; height:110px; position:absolute; left:0px; right:0px; margin:auto; top:6px; z-index:1; } .author-info .thumb img { max-width:100%; border-radius:120px; height:auto; } .author-info h2 { font-size:20px; font-weight:normal; margin-bottom:30px; text-transform:none; } .author-info h3 span { color:#aaaaaa; font-size:14px; } .author-info h3 { font-size:18px; } /*----*****---- << Blog Comment Entries >> ----*****----*/ .commententries { width:100%; float:left; margin:40px 0px 0px; padding:0px; } .commententries h3 { font-size:20px; } ul.commentlist { float:left; margin:20px 0px 20px 0px; padding:0px 0px 20px 0px; list-style:none; border-top:0px; } ul.commentlist li { display:block; float:none; list-style:none; border:none; margin:0px 0px 30px; padding:0px 0px 0px 110px; position:relative; clear:both; } ul.commentlist li.pingback { padding-left:0; } ul.commentlist li.pingback > p > a { margin-left:5px; } ul.commentlist li ul.children { margin:10px 0px 10px; padding:0px; float:left; border:none; clear:both; width:100%; } ul.commentlist li .respond { margin-left:69px; } ul.commentlist li .comment-details { position:relative; padding:0px 0px 10px; margin:10px 0px 10px; } ul.commentlist li .comment-details:before { bottom:0px; content:''; left:0px; position:absolute; width:100%; } ul.commentlist li .comment-body { margin:10px 0px 0px; } ul.commentlist li .comment-body p { line-height:28px; } ul.commentlist li .comment-author { left:0px; top:0px; position:absolute; } ul.commentlist li .comment-author:before { content:""; background-image:url(images/bordered-circle.png); background-repeat:no-repeat; background-size:110px 110px; width:110px; height:110px; position:absolute; left:0px; right:0px; margin:auto; top:6px; z-index:1; } ul.commentlist li .comment-author img { max-width:80px; max-height:80px; float:left; margin:0px; border-radius:80px; } ul.commentlist li .author-name > a { font-size:18px; color:#000000; } ul.commentlist li .author-name span { font-size:14px; color:#aaaaaa; } ul.commentlist li.bypostauthor .author-name { background:#aaaaaa; color:#ffffff; } ul.commentlist li .comment-details { display:block; } ul.commentlist li .author-name .reply { margin:0px; float:right; } ul.commentlist li .reply a { border:1px solid #000000; clear:both; display:inline-block; margin:10px 0px 0px; padding:2px 13px; color:#000000; } ul.commentlist li .reply a:hover { color:#ffffff; } ul.commentlist li #respond { padding-bottom:20px; } .comment-respond form { float: left; margin-bottom: 20px; width: 100%; } #respond { clear:both; } #respond h3#reply-title small { font-size:12px; text-transform:none; } #respond h3#reply-title { margin-bottom:20px; font-size:20px; } #respond .dt-sc-one-half p span { width:10%; } #respond .dt-sc-one-half textarea { height:123px; } #respond p { margin-bottom:15px; display:inline-block; width:100%; } .comment-body ul li, .comment-body ol li { padding-left:0px; list-style:circle; display:list-item; } /* Pagination */ .pagination { clear:both; float:left; width:100%; margin:30px 0px 10px; padding:0px; } .pagination ul { float:left; margin:0px; padding:0px; } .pagination ul li { float:left; display:inline; margin:0px; padding:0px; } .pagination ul li a, .pagination ul li span { color:#000000; font-size:13px; font-weight:600; padding:6px 15px 5px; text-transform:uppercase; letter-spacing:0.5px; border:1px solid; margin:10px 10px 0px 0px; display:inline-block; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; } .pagination ul li a i { color:#000000; font-size:14px; } .pagination ul li a.next i { margin-left:5px; } .pagination ul li a.prev i { margin-right:5px; } .pagination ul li a:hover, .pagination ul li span, .pagination ul li a:hover i { color:#ffffff; } .pagination .column { margin:0px; } /*----*****---- << 2.4. Footer >> ----*****----*/ #footer { width:100%; float:left; clear:both; margin:0px; } .footer-widgets { padding:50px 0px 20px; width:100%; float:left; clear:both; margin:0px; } .footer-widgets .widget { float:left; clear:both; width:100%; margin-bottom:30px; } #footer .container { z-index:9; } .footer-copyright .alignright img { float:right; } .footer-copyright { float:left; margin:0px; padding:30px 0px; width:100%; clear:both; } .copyright-left { width:48%; float:left; margin:0px; padding:0px; } .copyright-right { float:right; margin:0px; padding:0px; width:48%; text-align:right; } .footer-copyright .menu-links { text-align:right; margin:0px; padding:0px; } .footer-copyright .menu-links li { margin:0px 0px 0px 29px; display:inline-block; padding:0px; float:none; } .aligncenter .menu-links { text-align:center; } .aligncenter .menu-links li { float:none; display:inline-block; text-align:center; } .menu-links.with-splitter li { margin:0px; } .footer-copyright .menu-links.with-splitter li a { padding:0px 15px; border-right:1px solid; } .footer-copyright .menu-links.with-splitter li:last-child a { border-right:0px; } .copyright-align-center { text-align:center; } .copyright-align-center .copyright-left, .copyright-align-center .copyright-right, .copyright-align-center .dt-sc-sociable, .copyright-align-center .copyright-right { text-align:center; width:100%; float:left; clear:both; margin:10px 0px; } .copyright-align-center .menu-links, .copyright-align-center .dt-sc-sociable { text-align:center; } .copyright-align-center .menu-links li, .copyright-align-center .dt-sc-sociable li, .copyright-align-center .dt-sc-sociable li a { float:none; display:inline-block; text-align:center; } .custom-social li a span { margin:0px 10px 0px 0px; font-size:18px; width:20px; text-align:center; } .widget_text ul.custom-social li a { padding:0px 0px 25px; } .widget_text ul.custom-social li:last-child a { padding:0px; } #footer .mailchimp-form { margin:40px 0px 0px; position:relative; } #footer .mailchimp-form input[type="email"] { font-size:14px; font-weight:normal; width:100%; padding:15px; float:left; border-radius:5px; box-sizing:border-box; } #footer .mailchimp-form input[type="submit"] { cursor:pointer; font-size:14px; font-weight:400; position:absolute; right:0px; border-radius:0px 5px 5px 0px; padding:15px; margin:0px; } .copyright-right .dt-sc-sociable { text-align:right; width:100%; } .copyright-right .dt-sc-sociable li { float:none; display:inline-block; text-align:right; } /*.newsletter-box { border-top:3px solid; float:left; clear:both; margin:-110px 0px 0px; text-align:center; padding:30px; box-sizing:border-box; } .dt-sc-dark-bg .newsletter-box h3 { font-weight:bold; font-size:16px; margin-bottom:30px; } #footer .newsletter-box .mailchimp-form { margin-top:30px; } #footer .newsletter-box .mailchimp-form input[type="email"] { border:1px solid; border-radius:0px; } #footer .newsletter-box .mailchimp-form input[type="submit"] { position:inherit; margin:30px 0px 0px; border-top:3px solid; font-size:14px; text-transform:uppercase; width:100%; border-radius:0px; }*/ .widget .dt-sc-newsletter-section.boxed { border-top:3px solid; float:left; clear:both; margin:-110px 0px 0px; text-align:center; background:#fff; } .dt-sc-dark-bg .widget .dt-sc-newsletter-section.boxed h2 { font-weight:bold; font-size:16px; line-height:normal; margin-bottom:7px; width:100%; margin-top:18px; } .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm { margin-top:10px; padding:30px; box-sizing:border-box; } .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="text"] { margin-bottom:25px; } .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="email"], .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="text"] { border:1px solid; border-radius:0px; } .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="submit"] { position:inherit; margin:30px 0px 0px; border-top:3px solid; font-size:14px; text-transform:uppercase; width:100%; border-radius:0px; font-weight:normal; } .widget_text ul.dt-sc-sociable { text-align:center; } .widget_text ul.dt-sc-sociable li { float:none; display:inline-block; text-align:center; clear:none; margin:0px 10px; } .widget_text ul.dt-sc-sociable li a { float:none; display:inline-block; padding-bottom:0px; } /*----*****---- << Domain Search >> ----*****----*/ .domain-search-wrapper { margin: 0; padding: 0; } .domain-search-wrapper, .domain-search-container, .domain-search-container .domain-search-form { clear: both; float: left; width: 100%; } .domain-search-container .domain-search-form { height: 80px; line-height: 80px; border-radius: 5px; } .domain-search-form label, .domain-search-form input[type="search"], .domain-search-form input[type="text"], .domain-search-form .domain-tld-list, .domain-search-form input[type="submit"] { float:left; letter-spacing:0.5px; font-weight:300; box-sizing:border-box; } .domain-search-form label { font-size:18px; width:15%; text-align:center; border-radius:5px 0px 0px 5px; padding:0px 10px; } .domain-search-form input[type="search"], .domain-search-form input[type="text"] { font-size:18px; background:none; border:none; width:59%; padding:29px 30px 27px; -webkit-appearance:none; } .domain-search-form p { margin:0px; } .domain-search-form input[type="search"]::-webkit-input-placeholder, .domain-search-form input[type="text"]::-webkit-input-placeholder { color:rgba(255, 255, 255, 0.6); } .domain-tld-list { width:12%; text-align:center; padding:0px 10px; height:80px; } .domain-tld-list ul { margin:0px; padding:0px; } .domain-tld-list ul li { display:inline; font-size:18px; padding:0px; margin:0px; } .domain-tld-list ul li a { line-height:80px; display:inline-block; width:100%; } .domain-tld-list ul li a span { margin:0px 0px 0px 5px; } .domain-search { position:relative; width:14%; float:left; height:80px; padding:0px 10px 0px 50px; border-radius:0px 5px 5px 0px; float:right; box-sizing:border-box; } .domain-search:before { content:"\e618"; position:absolute; font-size:24px; left:30px; font-family:Pe-icon-7-stroke; top:1px; } .domain-search-form .domain-search input[type="submit"] { background:none; margin:0px; font-size:18px; text-transform:none; padding:32px 15px 26px; } .available-domains { clear:both; float:left; margin: 0; padding: 0; width:100%; } .available-domains li { border:1px solid; display:inline; float:left; margin:90px 2% 0 0; position: relative; text-align:center; width:23.5%; border-radius:3px; box-sizing:border-box; } .available-domains li, .available-domains li:last-child { padding: 0 20px 70px; } .available-domains li:nth-child(4n) { margin-right: 0; } .available-domains li .tdl { font-size:16px; width:100%; height:60px; line-height:60px; display:inline-block; top:-30px; text-align:center; position:relative; z-index:1; } .available-domains li .tdl:before { content:""; position:absolute; left:0px; right:0px; margin:auto; width:60px; height:60px; border-radius:10px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .available-domains li .pe-icon { font-size:24px; } .available-domains li p { font-size:14px; margin:5px 0px 10px; display:inline-block; width:100%; } .available-domains li .price { font-size:18px; width:100%; display:inline-block; } .available-domains li .dt-sc-button { clear:both; display:inline-block; font-size:14px; font-weight:300; letter-spacing:0.5px; margin: 0; padding:20px 10px; position: absolute; bottom: 0; left: 0; right: 0; width:100%; border-radius: 0 0 3px 3px; box-sizing:border-box; } .available-domains li.not-available .pe-icon { color:#ff6666; } .available-domains li.not-available .tdl:before, .available-domains li.not-available:hover .dt-sc-button { background:#ff6666; } .available-domains li.not-available .dt-sc-button { cursor:text; } /*----*****---- << Hotel Search >> ----*****----*/ .hotel-search-container { margin:20px 0px 0px; float:left; padding:0px; border:1px solid; width:100%; box-sizing:border-box; } .hotel-search-container h4 { text-align:center; width:100%; padding:11px 20px 10px; box-sizing:border-box; margin:0px; } .hotel-search-container form { padding:34px 40px 18px; box-sizing:border-box; float:left; clear:both; width:100%; text-align:center; } .hotel-search-container form label { font-weight:bold; font-size:12px; text-transform:uppercase; margin-bottom:5px; display:inline-block; text-align:left; width:100%; } .hotel-search-container form input[type="submit"] { float:none; display:inline-block; clear:both; border-top:3px solid; font-weight:normal; padding:11px 40px; border-radius:0px; margin:40px 0px 0px; } .hotel-search-container form input[type="date"] { padding:12px; } .hotel-search-container select { height:44px; padding-top:12px; padding-bottom:11px; } .hotel-search-container .selection-box:after { top:0px; height:44px; border:0px; } /* IE9 */ .ie9 .hotel-search-container .selection-box:after { background:none; border:none; } /*----*****---- << 2.5. Default Color >> ----*****----*/ /*----*****---- Fonts ----*****----*/ body, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"], select, textarea { font-family:'Open Sans', sans-serif; } h1, h2, h3, h4, h5, h6, #main-menu ul.menu > li > a, .dt-sc-counter.type1 .dt-sc-counter-number, .dt-sc-portfolio-sorting a, .dt-sc-testimonial.type1 blockquote, .entry-meta, .dt-sc-testimonial .dt-sc-testimonial-author cite, .dt-sc-pr-tb-col.minimal .dt-sc-price p, .dt-sc-pr-tb-col.minimal .dt-sc-price h6 span, .dt-sc-testimonial.special-testimonial-carousel blockquote, .dt-sc-pr-tb-col .dt-sc-tb-title, .dt-sc-pr-tb-col .dt-sc-tb-content, .dt-sc-button, .dt-sc-bar-text, input[type="submit"], input[type="reset"] { font-family:'Raleway', sans-serif; } blockquote.type1, .dt-sc-testimonial.type5 .dt-sc-testimonial-quote blockquote, .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite:before, .dt-sc-testimonial.type1 q:before, .dt-sc-testimonial.type1 q:after { font-family:Georgia, serif; } /*----*****---- Colors ----*****----*/ /* Color */ label, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"], textarea, select, .blog-entry .entry-meta a, .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="submit"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { color: #888888; } input[type="text"]::-moz-input-placeholder, input[type="text"]::-webkit-input-placeholder { color: #888888; } body, h1, h2, h3, h4, h5, h6, a:hover, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .menu-icons-wrapper .search a, .menu-icons-wrapper .cart a, .dt-sc-portfolio-sorting a, .available-domains li .price, .available-domains li a.dt-sc-button, .available-domains li.not-available .dt-sc-button, .blog-entry.entry-date-left .entry-date, .blog-entry.entry-date-left .entry-date a, .blog-entry.entry-date-left .entry-date a i { color:#000000; } .dt-sc-dark-bg .menu-icons-wrapper .search a, .dt-sc-dark-bg .menu-icons-wrapper .cart a, input[type="submit"], input[type="reset"], button, input[type="button"], .recent-portfolio-widget ul li a:after, .tagcloud a:hover, #footer .dt-sc-dark-bg .tagcloud a:hover, .cart-icon span, .menu-icons-wrapper.rounded-icons .search a span, .menu-icons-wrapper.rounded-icons .cart a span, .live-chat a, .live-chat a:hover, .dt-sc-portfolio-sorting a.active-sort, .dt-sc-portfolio-sorting a:hover, .portfolio .image-overlay .links a, .portfolio .image-overlay h2, .portfolio .image-overlay a, .portfolio .image-overlay, .blog-entry .entry-format a, .blog-entry.dt-sc-skin-highlight, .blog-entry.dt-sc-skin-highlight .entry-title h4 a, .blog-entry.dt-sc-skin-highlight .entry-meta a, .skin-highlight .dt-sc-button.rounded-border, .skin-highlight .dt-sc-button.bordered, #footer .mailchimp-form input[type="submit"], .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="submit"]:hover, .domain-search-form label, .domain-search-form .domain-tld-list li a, .domain-search-form input[type="search"], .domain-search-form input[type="text"], .domain-search:before, .available-domains li .tdl, .available-domains li:hover .dt-sc-button, .dt-sc-menu .image-overlay, .dt-sc-menu .image-overlay h6 a, .dt-sc-menu .menu-categories a, .dt-sc-model figcaption h3, .dt-sc-model figcaption h4, .widget.widget_categories ul li > a:hover span, .widget.widget_archive ul li > a:hover span, #footer .tagcloud a:hover, .blog-entry.dt-sc-skin-highlight .entry-meta .comments i, .blog-entry.dt-sc-skin-highlight .entry-meta .author i, .blog-entry.dt-sc-skin-highlight .entry-meta-data p a, .blog-entry.dt-sc-skin-highlight .entry-meta-data p i { color:#ffffff; } .blog-entry.dt-sc-skin-highlight .entry-title h4 a:hover, .blog-entry.dt-sc-skin-highlight .entry-meta a:hover, .blog-entry.dt-sc-skin-highlight .entry-meta-data p a:hover { color:rgba(0, 0, 0, 0.5); } label span.required { color:#ff0000; } .tweet_list li .tweet-time, .available-domains li p { color:rgba(0, 0, 0, 0.3); } .recent-posts-widget li .entry-meta a, .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite small /*,#footer, #footer a */ { color:rgba(0, 0, 0, 0.5); } .breaking-news p span, #footer .mailchimp-form input[type="email"] { color:rgba(255, 255, 255, 0.5); } .main-header #searchform:before { color:#c2c2c2; } .main-header #searchform input[type="text"], .cart-info:before, .cart-total:before { color:#aaaaaa; } .dt-sc-dark-bg .widget .dt-sc-newsletter-section.boxed, .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="email"] { color:#a0a0a0; } /* Background Color */ .boxed-header .main-header, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"], textarea, select, .selection-box:after, .selection-box select, /*.widgettitle:before, */.portfolio .image-overlay .links a:hover, .blog-entry.with-border, .skin-highlight .dt-sc-button.rounded-border:hover, .skin-highlight .dt-sc-button.bordered:hover, .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="text"], .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="email"], .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="submit"], .available-domains li .dt-sc-button, .left-header .main-header-wrapper, .hotel-search-container form input[type="submit"], .menu-icons-wrapper .top-menu-search-container .search-form, .main-header #searchform { background:#ffffff; } .top-bar { background:#eeeeee; } .menu-icons-wrapper.rounded-icons .search a span, .menu-icons-wrapper.rounded-icons .cart a span, .dt-sc-vertical-small-separator, .cart-icon span, .live-chat a:hover, .dt-sc-portfolio-sorting.type1 a:before, .dt-sc-portfolio-sorting.type1 a:after, .two-color-header .main-header-wrapper:after { background:#000000; } .two-color-header.semi-transparent-header .main-header-wrapper:after { background:rgba(0,0,0,0.7); } .two-color-header.semi-transparent-header .main-header-wrapper, .two-color-header .main-header-wrapper, .two-color-header.transparent-header .main-header-wrapper, .two-color-header.transparent-header .main-header-wrapper:after, .two-color-header.transparent-header .main-header-wrapper:before { background:none; } .hotel-search-container { background:rgba(0, 0, 0, 0.02); } .available-domains li { background:rgba(0, 0, 0, 0.03); } .tagcloud a, .hotel-search-container h4, .widget.widget_categories ul li > a span, .widget.widget_archive ul li > a span { background:rgba(0, 0, 0, 0.05); } .portfolio .image-overlay .links:after, .domain-search-form label, .domain-tld-list { background:rgba(0, 0, 0, 0.1); } .dt-sc-vertical-separator:before, .domain-search { background:rgba(0, 0, 0, 0.2); } .domain-search:hover { background:rgba(0, 0, 0, 0.3); } .dark-overlay:before, .dt-sc-menu .image-overlay-wrapper:before { background:rgba(0, 0, 0, 0.8); } .dt-sc-model figcaption { background:rgba(0, 0, 0, 0.7); } .breaking-news h6 { background:rgba(255, 255, 255, 0.2); } .fullwidth-header.semi-transparent-header .main-header-wrapper, .boxed-header.semi-transparent-header .main-header, .left-header.semi-transparent-header .main-header-wrapper, .left-header.semi-transparent-header .main-header { background:rgba(255, 255, 255, 0.7); } .main-header-wrapper, .boxed-header .main-header, .left-header .main-header-wrapper, .left-header .main-header { background:rgba(255,255,255,1); } .boxed-header .main-header-wrapper, .transparent-header .main-header-wrapper, .transparent-header.boxed-header .main-header, .transparent-header .left-header .main-header-wrapper, .transparent-header .left-header .main-header, .transparent-header .menu-wrapper { background:none; } .cart-info { background:#f3f3f3; } .footer-copyright { background:#202020; } .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm { background:#fafafa; } .extend-bg-fullwidth-left:after, .extend-bg-fullwidth-right:after { background:#f5f5f5; } /* Border Color */ fieldset { border-color:rgba(0, 0, 0, 0.2); } .blog-entry.blog-thumb-style { border-bottom-color:rgba(0, 0, 0, 0.1); } .dt-sc-dark-bg fieldset { border-color:rgba(255, 255, 255, 0.2); } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"], select, blockquote.type1 q, blockquote > p { border-color:rgba(0, 0, 0, 0.15); } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, textarea:focus, input.text:focus, input[type="search"]:focus { border-color:rgba(0, 0, 0, 0.25); } .available-domains li, .dt-sc-menu-sorting, .dt-sc-menu-sorting:after, .dt-sc-menu-sorting:before { border-color:rgba(0, 0, 0, 0.08); } .hotel-search-container { border-color:rgba(0, 0, 0, 0.05); } .selection-box:before { border-top-color:rgba(0, 0, 0, 0.15); } .selection-box:after { border-right-color:rgba(0, 0, 0, 0.15); } .selection-box:after { border-left-color:rgba(0, 0, 0, 0.15); } .tweet_list li { border-bottom-color:rgba(0, 0, 0, 0.15); } .tagcloud a { border-bottom-color:rgba(0, 0, 0, 0.11); } .fullwidth-menu-header .menu-wrapper { border-top-color:#eeeeee; border-bottom-color:#eeeeee; } .main-header #searchform { border-color:#e5e5e5; } .dt-sc-portfolio-sorting a { border-color:#000000; } .portfolio .image-overlay .links a, .blog-entry.with-border, .blog-entry .entry-format a, .skin-highlight .dt-sc-button.rounded-border, .skin-highlight .dt-sc-button.bordered { border-color:#ffffff; } .portfolio .image-overlay-details { border-right-color:#ffffff; } .dt-sc-menu .image-overlay-wrapper:after { border-left-color:#ffffff; } .hotel-search-container .selection-box:before { border-top-color:#ffffff; } .footer-copyright .menu-links.with-splitter li a { border-right-color:rgba(0, 0, 0, 0.2); } #footer .tweet_list li { border-color:rgba(255, 255, 255, 0.15); } .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="text"], .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="email"] { border-color:#ebebeb; } /* Shortcodes */ /* Color */ .dt-sc-counter, .dt-sc-testimonial.type1 blockquote, .dt-sc-testimonial-wrapper .dt-sc-testimonial .dt-sc-testimonial-author cite, .dt-sc-contact-info.type3 p a:hover { color:#000000; } .dt-sc-team.type1 .dt-sc-team-details h5, ins { color:#888888; } .dt-sc-team-social.rounded-border li a, .dt-sc-pr-tb-col.minimal, .dt-sc-pr-tb-col.minimal h5, .dt-sc-pr-tb-col.minimal .dt-sc-price h6, .dt-sc-pr-tb-col .dt-sc-buy-now a, .dt-sc-pr-tb-col.minimal:hover .dt-sc-tb-title h5, .dt-sc-pr-tb-col.minimal:hover .dt-sc-tb-title p, .dt-sc-image-caption .dt-sc-image-title span, .dt-sc-team-social.square-border li a, .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"], .blog-entry.entry-date-author-left .entry-date-author .entry-date, .blog-entry.entry-date-author-left .entry-date-author .comments, .blog-entry.entry-date-author-left .entry-date-author .comments i, .dt-sc-model-sorting a, .left-header-footer .dt-sc-sociable.filled li a:hover, .dt-sc-testimonial-special-wrapper:after, .diamond-narrow-square-border li a, .dt-sc-bar-text { color:#000000; } .dt-sc-team-social.rounded-border li a:hover, .dt-sc-icon-box.type5:hover .icon-wrapper span , .dt-sc-pr-tb-col:hover .dt-sc-buy-now a, .dt-sc-pr-tb-col.minimal:hover .dt-sc-buy-now a, .dt-sc-pr-tb-col.minimal:hover .dt-sc-price h6, .dt-sc-pr-tb-col.minimal:hover .dt-sc-price p, .dt-sc-pr-tb-col.minimal:hover .icon-wrapper span, .dt-sc-pr-tb-col:hover .dt-sc-tb-title h5, .dt-sc-pr-tb-col:hover .dt-sc-tb-title p, .dt-sc-pr-tb-col:hover .dt-sc-price h6, .dt-sc-icon-box.type6:hover .icon-wrapper span, .dt-sc-icon-box.type6:hover .icon-content a, .dt-sc-image-caption:hover .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption:hover .dt-sc-image-content a, .dt-sc-icon-box.type6 .icon-wrapper span, .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-icon-box.type7 .icon-wrapper span, .dt-sc-icon-box.type7:hover .icon-wrapper span, .dt-sc-team-social.square-border li a:hover, .dt-sc-team-social.rounded-square li a, .dt-sc-counter.type2 .dt-sc-couter-icon-holder, .dt-sc-counter.type3 .dt-sc-couter-icon-holder span, .dt-sc-contact-info.type2 span, .dt-sc-contact-info.type3 p a, .dt-sc-button.rounded-border.black:hover, .dt-sc-button.bordered.black:hover, .dt-sc-dark-bg .dt-sc-bmi-calculator .dt-sc-bmi-result a:hover, .dt-sc-training-details-overlay h6, .dt-sc-training-details-overlay .price, .dt-sc-training-details .dt-sc-training-details-overlay h6, .dt-sc-contact-info.type3 h6, .dt-sc-contact-info.type3 p, .hotel-search-container form input[type="submit"]:hover, .dt-sc-title.with-two-color-bg h2, .dt-sc-title.with-boxed h2, .dt-sc-title.with-boxed h2 a, .dropcap, .dt-sc-icon-box.type3 .icon-wrapper span, .dt-sc-icon-box.type10:hover .icon-wrapper span, .dt-sc-icon-box.type11 .icon-wrapper span, .dt-sc-icon-box.type11 .icon-content, .dt-sc-icon-box.type11 .icon-content h4, .dt-sc-hexagon-image span, .dt-sc-hexagon-image-overlay h3, .dt-sc-hexagon-image-overlay h2, .dt-sc-hexagons li .dt-sc-hexagon-overlay, .dt-sc-content-with-hexagon-shape, .dt-sc-image-caption.type2 .dt-sc-image-content, .dt-sc-image-caption.type2 .dt-sc-image-content h3, .dt-sc-image-caption.type2:hover .dt-sc-image-content p, .dt-sc-event-image-caption:hover .dt-sc-image-content h3, .dt-sc-event-image-caption:hover .dt-sc-image-content p, .dt-sc-event-image-caption:hover .dt-sc-image-content ul, .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text h3, .dt-sc-counter.type4 .dt-sc-couter-icon-holder span, .dt-sc-counter.type4:hover .dt-sc-counter-number, .dt-sc-counter.type6:hover .dt-sc-counter-number, .carousel-arrows a:hover:before, .dt-sc-dark-bg .dt-sc-testimonial.type6 .dt-sc-testimonial-author cite, .dt-sc-dark-bg .dt-sc-testimonial.type6 .dt-sc-testimonial-author cite small, .dt-sc-team.hide-social-show-on-hover:hover .dt-sc-team-details h4, .dt-sc-team.hide-social-show-on-hover:hover .dt-sc-team-details h5, .dt-sc-team.details-on-image .dt-sc-team-details h4, .dt-sc-team.details-on-image .dt-sc-team-details h5, .dt-sc-team.hide-social-show-on-hover.details-on-image .dt-sc-team-details h5, .dt-sc-team.rounded .dt-sc-team-details .dt-sc-team-social li a, .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-details h4, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li:hover a, .dt-sc-team-social.hexagon-border li a, .diamond-narrow-square-border li a:hover, .dt-sc-sociable.filled li a, #footer .dt-sc-sociable.filled li a, .dt-sc-sociable.hexagon-with-border li a, .dt-sc-sociable.hexagon-border li a, .dt-sc-contact-info.type4 span:before, .dt-sc-contact-info.type5 .dt-sc-contact-icon span, .dt-sc-contact-info.type5:hover h6 a, .dt-sc-contact-details-on-map .dt-sc-map-overlay h3, .dt-sc-contact-info.type6, .dt-sc-contact-info.type6 span, .dt-sc-contact-info.type6 h6, .dt-sc-contact-info.type6 a, .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5, .dt-sc-pr-tb-col.type2:hover .dt-sc-buy-now a, .dt-sc-dark-bg .dt-sc-bmi-calculator form label, .dt-sc-dark-bg .dt-sc-bmi-calculator .dt-sc-bmi-result input[type="text"], .dt-sc-twitter-icon span, .dark-bg .dt-sc-bar-text, .dt-sc-contact-details-on-map .map-switch-icon, .dt-sc-contact-details-on-map .map-switch-icon:hover, .dt-sc-pr-tb-col.type2 .dt-sc-tb-content li .highlight, .dt-sc-images-wrapper .carousel-arrows a:hover { color:#ffffff; } .dt-sc-bmi-calculator .dt-sc-bmi-result input[type="text"], .dt-sc-bmi-calculator .dt-sc-bmi-result a:hover { color:#000000; } .hotel-search-container form label, .hotel-search-container form input[type="submit"], .dt-sc-events-list .dt-sc-event-title h5 small, .dt-sc-team.type2 .dt-sc-team-details p { color:#222222; } .dt-sc-icon-box .large-icon { color:rgba(0, 0, 0, 0.05); } .carousel-arrows a:before { color:rgba(0, 0, 0, 0.15); } .dt-sc-testimonial-wrapper .dt-sc-testimonial .dt-sc-testimonial-author cite small, .dt-sc-team.hide-social-show-on-hover .dt-sc-team-details h5, .dt-sc-icon-box.type5 .icon-wrapper span, .dt-sc-image-caption .dt-sc-image-title h6, .dt-sc-contact-info.type2 h6, .dt-sc-title.with-boxed h2 a:hover, .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"] { color:rgba(0, 0, 0, 0.5); } .dt-sc-sociable.diamond-square-border li a, .dt-sc-pr-tb-col.minimal .icon-wrapper span, .dt-sc-icon-box.type8 .icon-content p, .dt-sc-icon-box.type8 .icon-wrapper span, .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-details h5, .dt-sc-team.rounded.hide-social-show-on-hover:hover .dt-sc-team-details h5 { color:rgba(0, 0, 0, 0.2); } .dt-sc-pr-tb-col.minimal .dt-sc-price p, .dt-sc-pr-tb-col.minimal .dt-sc-buy-now a, .dt-sc-title.with-two-color-stripe h5, .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="email"], .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite:before { color:rgba(0, 0, 0, 0.3); } .left-header-footer p, .dt-sc-hexagons li span, .dt-sc-events-list .dt-sc-event-date p span, .dt-sc-events-list .dt-sc-event-duration h6, .dt-sc-team.type2 .dt-sc-team-details h5, ul.dt-sc-tabs-horizontal-frame > li > a, .dt-sc-tweet span { color:rgba(0, 0, 0, 0.4); } .dt-sc-contact-info.type6 a:hover { color:rgba(0, 0, 0, 0.6); } .dt-sc-events-list-wrapper h3, .dt-sc-contact-info.type5 h6 a { color:#222222; } .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-details h5 { color:rgba(255, 255, 255, 0.6); } .dt-sc-icon-box.type5.no-icon-bg .icon-content h5, .dt-sc-icon-box.type5.no-icon .icon-content h5 { color:#a4a4a3; } .dt-sc-icon-box.type5.no-icon .icon-content p { color:#a0a0a0; } .dt-sc-image-caption.type4 .dt-sc-button { color:#5b5b5b; } /*.dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-details h4, .dt-sc-team.rounded.hide-social-show-on-hover:hover .dt-sc-team-details h4 { color:#1b1310; }*/ .dt-sc-team.rounded .dt-sc-team-details h4, .dt-sc-team.rounded:hover .dt-sc-team-details h4 { color:#1b1310; } .dt-sc-pr-tb-col.type2:hover .dt-sc-tb-header .dt-sc-tb-title h5 { color:#333333; } ul.dt-sc-tabs-vertical-frame > li > a { color:#191919; } ol.dt-sc-fancy-list li span { color:#808080; } .dt-sc-counter.type5:hover h4, .dt-sc-counter.type5:hover .dt-sc-couter-icon-holder { color:#ffffff; } .dt-sc-image-caption.type2 .dt-sc-image-content p, .dt-sc-dark-bg .dt-sc-triangle-content h5 { color:rgba(255, 255, 255, 0.5); } .dt-sc-dark-bg .dt-sc-bmi-calculator form label span { color:rgba(255, 255, 255, 0.4); } .dt-sc-bmi-calculator form label span { color:rgba(0, 0, 0, 0.3); } .dt-sc-pr-tb-col:hover .dt-sc-price { border-color:rgba(255, 255, 255, 0.2); } .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content, .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content:before { background:#f5f5f5; } /* Background Color */ .dt-sc-button.with-icon.icon-right.type1:after, .dt-sc-testimonial.type2 .dt-sc-testimonial-quote:before, .dt-sc-testimonial.type2 .dt-sc-testimonial-quote:after, .dt-sc-diamond-separator:before, .dt-sc-diamond-separator:after, .dt-sc-image-with-caption h3 a, .dt-sc-title.with-two-color-stripe:after, .dt-sc-icon-box.type9 .icon-content, .switch-color.dt-sc-icon-box.type9 .icon-wrapper { background:rgba(0, 0, 0, 0.1); } .dt-sc-team .dt-sc-team-details, .dt-sc-timeline-section:before, .dt-sc-timeline .dt-sc-timeline-content:after, .dt-sc-bmi-calculator, .dt-sc-button.with-icon.icon-left.type2 span:after { background:rgba(0, 0, 0, 0.05); } .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details, .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social { background:rgba(255, 255, 255, 0.9); } .dt-sc-dark-bg .dt-sc-pr-tb-col.minimal, .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:after, .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"], .blog-entry.blog-medium-style.white-highlight, .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb:before, .dt-sc-icon-box.type5.rounded .icon-wrapper, .dt-sc-newsletter-section.type5, .dt-sc-icon-box.type10 .icon-wrapper:before, .dt-sc-readmore-plus-icon:before, .dt-sc-readmore-plus-icon:after, .dt-sc-icon-box.type4.with-diamond-square-icon .icon-wrapper:before, .dt-sc-icon-box.type10, .dt-sc-icon-box.type11 .dt-sc-button:before, .dt-sc-icon-box.type11 .dt-sc-button:after, .dt-sc-event-image-caption, .dt-sc-counter.type4 .dt-sc-couter-icon-holder, .dt-sc-counter.type6, .dt-sc-counter.type6 .dt-sc-couter-icon-holder:before, .dt-sc-testimonial-special-wrapper:before, .dt-sc-team-social.diamond-square-border li, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-details, .dt-sc-team.rounded .dt-sc-team-details .dt-sc-team-social li a:hover, .dt-sc-team-social.hexagon-border li:hover, .dt-sc-sociable.hexagon-with-border li:hover, .dt-sc-sociable.hexagon-border li:hover, .dt-sc-contact-info.type4, .dt-sc-contact-info.type3:after, .dt-sc-contact-info.type5:hover .dt-sc-contact-icon, .dt-sc-pr-tb-col.type2 .dt-sc-tb-header:before, .dt-sc-pr-tb-col.type2 .dt-sc-buy-now a, .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-dark-bg .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"] { background:#ffffff; } .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="text"] { background:rgba(0, 0, 0, 0.05); } .dt-sc-hexagons li { background-color:#ffffff; } .dt-sc-icon-box.type5 .icon-wrapper:before, .dt-sc-pr-tb-col.minimal .icon-wrapper:before, .dt-sc-pr-tb-col.minimal .dt-sc-price, .dt-sc-pr-tb-col .dt-sc-buy-now a, .dt-sc-images-wrapper .carousel-arrows a, .dt-sc-pr-tb-col .dt-sc-tb-header, .dt-sc-popular-procedures .details { background:rgba(0, 0, 0, 0.03); } .dt-sc-icon-box.type9 .icon-wrapper, .switch-color.dt-sc-icon-box.type9 .icon-content { background:rgba(0, 0, 0, 0.05); } .dt-sc-icon-box.type6:hover .icon-wrapper, .dt-sc-icon-box.type6:hover .icon-content a, .dt-sc-title.with-two-color-bg:before, .dt-sc-title.with-two-color-bg h2, .dt-sc-image-caption:hover .dt-sc-image-content a, .dt-sc-icon-box.type7:hover .icon-wrapper span, .two-color-section:after, .dt-sc-counter.type3 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-contact-info.type2 span, .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"], .dt-sc-double-border-separator, .dt-sc-double-border-separator:before, .dt-sc-model-sorting a:before, .dt-sc-title.with-two-border h2:before, .dt-sc-title.with-two-border h2:after, .dt-sc-photography-style:before, .dt-sc-readmore-plus-icon, .dt-sc-icon-box.type11, .dt-sc-icon-box.type11 .icon-wrapper span, .dt-sc-contact-info.type6:before, .dt-sc-twitter-icon:before, .dt-sc-twitter-icon:after, .dt-sc-contact-details-on-map .map-switch-icon:hover, .dt-sc-twitter-icon span { background:#000000; } .dt-sc-image-caption.type2 .dt-sc-image-content { background:rgba(0, 0, 0, 0.9); } .dt-sc-hr-timeline-section.type2:before, .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb:after, .dt-sc-title.with-two-color-stripe:before, .dt-sc-dark-bg .dt-sc-bmi-calculator, .dt-sc-training-details { background:#222222; } .dt-sc-title.with-two-color-stripe h5:before { background:rgba(0, 0, 0, 0.2); } .dt-sc-training-thumb-overlay, .dt-sc-readmore-plus-icon:hover, .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text, .dt-sc-team.details-on-image .dt-sc-team-details { background:rgba(0, 0, 0, 0.8); } .light-overlay:before { background:rgba(255, 255, 255, 0.8); } .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { background:#ffffff; } .dt-sc-bmi-calculator form .group-textbox:before { background:rgba(255, 255, 255, 0.1); } .two-color-section .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .two-color-section .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { background:rgba(255, 255, 255, 0.2); } .left-header-footer .dt-sc-sociable.filled li a { background:#000000 !important;} .left-header-footer .dt-sc-sociable.filled li a:hover { background:rgba(0, 0, 0, 0.1) !important; } .dark-bg .dt-sc-progress { background-color: #444444; } .dt-sc-title.with-two-color-stripe:after { background:#e6e6e8; } .dt-sc-image-caption.type4 .dt-sc-button { background:#f9f9f9; } .dt-sc-testimonial.type6:after, .dt-sc-testimonial.type6 .dt-sc-testimonial-author:before { background:#f7f7f7; } .dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4:hover .dt-sc-couter-icon-holder .icon-wrapper { background:#333333; } .dt-sc-team.type2 { background:#f1efea; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm { background:#edeef2; } .dt-sc-dark-bg .dt-sc-bmi-calculator form input[type="text"], .dt-sc-dark-bg .dt-sc-bmi-calculator form select { background:#1d1d1d; } /* Border Color */ .carousel-arrows a, .dt-sc-icon-box.type1, .last .dt-sc-icon-box.type1, .dt-sc-bmi-calculator h5 { border-color:rgba(0, 0, 0, 0.15); } .dt-sc-sociable.diamond-square-border li, .dt-sc-sociable.rounded-border li a, .dt-sc-sociable.square-border li a, .dt-sc-sociable.rounded-border-dashed li a, .dt-sc-icon-box.type8, .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type5, .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="email"] { border-color:rgba(0, 0, 0, 0.2); } .dt-sc-testimonial.type2 blockquote, .dt-sc-testimonial.type2 .dt-sc-testimonial-author span, .dt-sc-icon-box.type7, .dt-sc-image-with-caption img, .dt-sc-image-caption.type4 .dt-sc-image-content, ul.dt-sc-tabs-horizontal-frame > li > a.current { border-color:rgba(0, 0, 0, 0.1); } ul.dt-sc-tabs-vertical-frame > li > a { border-top-color:rgba(0, 0, 0, 0.1); } ul.dt-sc-tabs-vertical-frame > li > a { border-bottom-color:rgba(0, 0, 0, 0.1); } ul.dt-sc-tabs-horizontal-frame, .dt-sc-team.type2 .dt-sc-team-details h5 { border-bottom-color:rgba(0, 0, 0, 0.1); } .dt-sc-single-line-separator { border-top-color:rgba(0, 0, 0, 0.2); } .dt-sc-icon-box.type4:before { border-left-color:rgba(0, 0, 0, 0.1); } .dt-sc-counter.type1 { border-right-color:rgba(0, 0, 0, 0.1); } .dt-sc-pr-tb-col, .dt-sc-pr-tb-col .dt-sc-tb-content li { border-color:rgba(0, 0, 0, 0.07); } .dt-sc-timeline .dt-sc-timeline-content:before, .blog-entry.entry-date-author-left .entry-date-author .entry-author, .blog-entry.entry-date-author-left .entry-date-author .entry-date span { border-color:rgba(0, 0, 0, 0.05); } .dt-sc-down-arrow:before, .dt-sc-testimonial.type2 blockquote:before, .dt-sc-pr-tb-col.type2:hover .dt-sc-price:after { border-top-color:#ffffff; } .dt-sc-up-arrow-bottom:before, ul.dt-sc-tabs-horizontal-frame > li > a.current, .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title:after { border-bottom-color:#ffffff; } .dt-sc-event-image-caption .dt-sc-image-content:before { border-left-color:#ffffff; } ul.dt-sc-tabs-vertical-frame > li > a.current { border-right-color:#ffffff; } .dt-sc-icon-box.type3 .icon-wrapper span, .dt-sc-testimonial.type1 .dt-sc-testimonial-author span, .dt-sc-pr-tb-col .dt-sc-price, .dt-sc-icon-box.type6 .icon-wrapper, .dt-sc-icon-box.type7 .icon-wrapper span, .dt-sc-counter.type3 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-hexagon-image-overlay h2:before, .dt-sc-content-with-hexagon-shape .hexagon-border, .dt-sc-content-with-hexagon-shape .hexagon-border:before, .dt-sc-content-with-hexagon-shape .hexagon-border:after, .dt-sc-event-image-caption, .dt-sc-event-image-caption .dt-sc-image-wrapper, .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:after, .dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-dark-bg .dt-sc-counter.type5:before, .dt-sc-dark-bg .dt-sc-counter.type5:after, .dt-sc-dark-bg .dt-sc-testimonial.type6 .dt-sc-testimonial-author img, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-thumb, .dt-sc-team-social.hexagon-border li, .dt-sc-team-social.hexagon-border li:before, .dt-sc-team-social.hexagon-border li:after { border-color:#ffffff; } .dt-sc-counter.type5:before, .dt-sc-counter.type5:after { border-color:#000000; } .dt-sc-testimonial-wrapper .dt-sc-testimonial-bullets a, .dt-sc-team-social.rounded-border li a, .dt-sc-team-social.square-border li a, .dt-sc-contact-info.type2, .dt-sc-progress { border-color:#000000; } .dt-sc-image-caption:hover .dt-sc-image-wrapper .icon-wrapper:before, .dt-sc-image-caption .dt-sc-image-title span { border-bottom-color:#000000; } .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb:before, abbr { border-color:#222222; } .dt-sc-icon-box.type9 .icon-wrapper:before { border-left-color:rgba(255, 255, 255, 0.5); } .switch-color.dt-sc-icon-box.type9 .icon-wrapper:before { border-left-color:rgba(0, 0, 0, 0.05); } .dt-sc-dark-bg .dt-sc-icon-box.type9 .icon-wrapper:before { border-left-color:rgba(255, 255, 255, 0.11); } .dt-sc-dark-bg .switch-color.dt-sc-icon-box.type9 .icon-wrapper:before { border-left-color:rgba(0, 0, 0, 0.5); } .dt-sc-contact-info.type3:before { border-color:rgba(255, 255, 255, 0.4); } .dt-sc-events-list-wrapper h3, .dt-sc-events-list .dt-sc-event-date { border-color:rgba(0, 0, 0, 0.15); } .dt-sc-counter.type3, .dt-sc-testimonial.type6 .dt-sc-testimonial-author img { border-color:rgba(0, 0, 0, 0.1); } .dt-sc-team.rounded .dt-sc-team-thumb:before { border-color:rgba(255, 255, 255, 0.4); } /*.dt-sc-counter.type4 { border-color:rgba(255, 255, 255, 0.8); }*/ .dt-sc-counter.type4 .dt-sc-couter-icon-holder { border:5px solid rgba(0, 0, 0, 0.07); } .dt-sc-team.type2, .dt-sc-team.type2 .dt-sc-team-thumb { border-color:#fafaf6; } .dt-sc-team.type2 .dt-sc-team-details:before { border-right-color:#f1efea; } .dt-sc-triangle-content:before { border-top-color:#040506; } .dt-sc-triangle-wrapper.alter .dt-sc-triangle-content:before { border-bottom-color:#040506; } /* Accordion & Toggle */ .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle.active a { color:#ffffff; } .dt-sc-dark-bg h5.dt-sc-toggle-accordion a, .dt-sc-dark-bg h5.dt-sc-toggle a { color:#ffffff; } .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active:after, .dt-sc-dark-bg h5.dt-sc-toggle-accordion:after, .dt-sc-dark-bg h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle-accordion.active:after, h5.dt-sc-toggle.active:after, .dt-sc-dark-bg h5.dt-sc-toggle:after, .dt-sc-dark-bg h5.dt-sc-toggle:before, .dt-sc-dark-bg .type2 h5.dt-sc-toggle-accordion:after { background:#ffffff; } h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle-accordion:after, .type2 h5.dt-sc-toggle-accordion:after, h5.dt-sc-toggle:before, h5.dt-sc-toggle:after { background:rgba(0, 0, 0, 0.1); } h5.dt-sc-toggle-accordion a:before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a:before, h5.dt-sc-toggle a:before, .dt-sc-toggle-frame h5.dt-sc-toggle a:before { background:rgba(0, 0, 0, 0.05); } .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle:after, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle:before { background:rgba(0, 0, 0, 0.8); } .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle { border-bottom-color:rgba(0, 0, 0, 0.1); } .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle { border-color:rgba(0, 0, 0, 0.1); } .dt-sc-toggle-frame .dt-sc-toggle-content { border-bottom-color:rgba(0, 0, 0, 0.1); } /*----*****---- Dark Overlay & Highlight ----*****----*/ /* Color */ .dt-sc-dark-bg, .dt-sc-dark-bg h1, .dt-sc-dark-bg h2, .dt-sc-dark-bg h3, .dt-sc-dark-bg h4, .dt-sc-dark-bg h5, .dt-sc-dark-bg h6, .dt-sc-dark-bg .dt-sc-counter, .dt-sc-dark-bg.top-bar a, .dt-sc-dark-bg .dt-sc-timeline .dt-sc-timeline-content h2 span, .dt-sc-dark-bg .dt-sc-contact-info.type8 a { color:#ffffff; } .dt-sc-dark-bg .dt-sc-sociable.diamond-square-border li a, .dt-sc-dark-bg .dt-sc-contact-info.type8 a:hover { color:rgba(255, 255, 255, 0.2); } .dt-sc-dark-bg.skin-color .dt-sc-title.script-with-sub-title h2, .dt-sc-dark-bg .dt-sc-button.rounded-border, .dt-sc-dark-bg .dt-sc-button.bordered, .dt-sc-dark-bg.skin-color .dt-sc-button.fully-rounded-border, .dt-sc-dark-bg .blog-medium-style.white-highlight .dt-sc-button.fully-rounded-border:hover, .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"], .dt-sc-dark-bg .dt-sc-text-with-icon span, .dt-sc-dark-bg .dt-sc-testimonial-wrapper .dt-sc-testimonial.type1 .dt-sc-testimonial-author cite { color:#ffffff; } .dt-sc-dark-bg .dt-sc-testimonial-wrapper .dt-sc-testimonial.special-testimonial-carousel .dt-sc-testimonial-author cite, .dt-sc-dark-bg .dt-sc-testimonial-wrapper .dt-sc-testimonial.special-testimonial-carousel .dt-sc-testimonial-author cite small { color:#ffffff; } /*#footer .dt-sc-dark-bg, #footer .dt-sc-dark-bg a { color:rgba(255, 255, 255, 0.2); }*/ #footer .dt-sc-dark-bg .recent-posts-widget li .entry-meta a, #footer .dt-sc-dark-bg .recent-posts-widget li .entry-meta, #footer .dt-sc-dark-bg .tweet_list li .tweet-time { color:rgba(255, 255, 255, 0.3); } .dt-sc-dark-bg .dt-sc-icon-box.type8 .icon-wrapper span, .dt-sc-dark-bg .dt-sc-icon-box.type8 .icon-content p { color:rgba(255, 255, 255, 0.5); } .widget .dt-sc-newsletter-section.boxed h2 { color:#000000; } .dt-sc-dark-bg .blog-medium-style.white-highlight { color:#888888; } /* Background Color */ .dt-sc-dark-bg .dt-sc-highlight .dt-sc-small-separator, .dt-sc-dark-bg .dt-sc-vertical-small-separator, .dt-sc-dark-bg .dt-sc-image-with-caption h3 a, .dt-sc-dark-bg .dt-sc-title.with-two-border h2:before, .dt-sc-dark-bg .dt-sc-title.with-two-border h2:after, #footer .dt-sc-dark-bg .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="email"] { background:#ffffff; } .dt-sc-dark-bg .dt-sc-vertical-separator:before, .dt-sc-dark-bg .dt-sc-diamond-separator:before, .dt-sc-dark-bg .dt-sc-diamond-separator:after { background:rgba(255, 255, 255, 0.2); } .dt-sc-dark-bg .tagcloud a { background:rgba(255, 255, 255, 0.1); } .dt-sc-dark-bg .widget input[type="text"], .dt-sc-dark-bg .widget input[type="password"], .dt-sc-dark-bg .widget input[type="email"], .dt-sc-dark-bg .widget input[type="url"], .dt-sc-dark-bg .widget input[type="tel"], .dt-sc-dark-bg .widget input[type="number"], .dt-sc-dark-bg .widget input[type="range"], .dt-sc-dark-bg .widget input[type="date"], .dt-sc-dark-bg .widget textarea, .dt-sc-dark-bg .widget input[type="search"], .dt-sc-dark-bg .widget select, .dt-sc-dark-bg .widget.widget_categories ul li > a span, .dt-sc-dark-bg .widget.widget_archive ul li > a span { background:rgba(255, 255, 255, 0.15); } .dt-sc-dark-bg .widget .selection-box:after { background:rgba(255, 255, 255, 0.05); } .dt-sc-dark-bg .widget .selection-box:before { border-top-color:rgba(255, 255, 255, 0.1); } /* Border Color */ .dt-sc-dark-bg .dt-sc-counter.type1, .dt-sc-dark-bg .dt-sc-bmi-calculator h5 { border-color:rgba(255, 255, 255, 0.1); } .dt-sc-dark-bg .dt-sc-sociable.diamond-square-border li, .dt-sc-dark-bg .dt-sc-sociable.rounded-border li a, .dt-sc-dark-bg .dt-sc-sociable.square-border li a, .dt-sc-dark-bg .dt-sc-single-line-separator, .dt-sc-dark-bg .dt-sc-icon-box.type4:before { border-color:rgba(255, 255, 255, 0.2); } .dt-sc-dark-bg .dt-sc-icon-box.type8 { border-color:rgba(255, 255, 255, 0.3); } .dt-sc-dark-bg .tagcloud a { border-bottom-color:rgba(255, 255, 255, 0.12); } .dt-sc-dark-bg.footer-copyright .menu-links.with-splitter li a { border-right-color:rgba(255, 255, 255, 0.2); } .dt-sc-dark-bg .dt-sc-button.rounded-border, .dt-sc-dark-bg .dt-sc-button.bordered, .dt-sc-dark-bg.skin-color .dt-sc-button.fully-rounded-border, .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"], .dt-sc-dark-bg .dt-sc-image-with-caption img, .dt-sc-dark-bg blockquote.type1 q { border-color:#ffffff; } .dt-sc-dark-bg .dt-sc-icon-box.type9 .icon-wrapper, .dt-sc-dark-bg .switch-color.dt-sc-icon-box.type9 .icon-content { background:rgba(0, 0, 0, 0.8); } .dt-sc-dark-bg .dt-sc-icon-box.type9 .icon-content, .dt-sc-dark-bg .switch-color.dt-sc-icon-box.type9 .icon-wrapper { background:rgba(0, 0, 0, 0.9); } .dt-sc-dark-bg .dt-sc-bmi-calculator form .selection-box:before { border-top-color:rgba(255, 255, 255, 0.1); } .widget ul li, .widget.widget_nav_menu ul.menu li { border-color:rgba(0, 0, 0, 0.15); } .dt-sc-dark-bg .widget ul li, .dt-sc-dark-bg .widget.widget_nav_menu ul.menu li { border-color:rgba(255, 255, 255, 0.2); } .wp-caption { background:rgba(0, 0, 0, 0.02); border-color:rgba(0, 0, 0, 0.07); } .dt-sc-dark-bg .wp-caption { background:rgba(255, 255, 255, 0.15); border-color:rgba(255, 255, 255, 0.05); } .widget #wp-calendar td a { color:rgba(0, 0, 0, 0.5); } .dt-sc-dark-bg .widget #wp-calendar td a { color:rgba(255, 255, 255, 0.5); } .two-color-section .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .two-color-section .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { color:rgba(255, 255, 255, 0.2); } /*----*****---- << 2.6. Additional Styles >> ----*****----*/ .dt-like-this > span { display:inline-block; font-size:11px; margin-left:1px; position:relative; top:3px; } /*----*****---- << 2.7. Retina Images >> ----*****----*/ .retina_logo { display:none; } html, body { overflow-x:hidden; } @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .normal_logo { display:none; } .retina_logo { display:block; } img.retina_logo { height:auto !important; max-height: initial !important; } } /*----*****---- << 2.8. Contact Form Styles >> ----*****----*/ /* Business Contact Form */ .business-contact-form { background:#ffffff; padding:30px 15px; margin:0px 0px 10px; width:100%; box-sizing:border-box; float:left; clear:both; position:relative; } .business-contact-form h2 { font-size:20px; } .business-contact-form:before { content:""; position:absolute; width:100%; height:100%; border:10px solid rgba(255, 255, 255, 0.4); left:-10px; top:-10px; } .business-contact-form input[type="text"], .business-contact-form input[type="email"], .business-contact-form textarea { background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.05); border-radius:3px; padding:19px 15px 18px; } .business-contact-form textarea { height:134px; } .business-contact-form input[type="submit"] { margin-top:20px; padding:20px 20px 17px; font-size:18px; font-weight:normal; text-transform:none; width:100%; } .business-contact-form input[type="text"]:focus, .business-contact-form input[type="email"]:focus, .business-contact-form textarea:focus { border:1px solid rgba(0, 0, 0, 0.2); } .business-contact-social li { margin:0px 30px; } .business-contact-social li a { font-size:20px; color:#000000; } .business-contact-social li a:hover { color:#da0000; } /* Attorney Contact Form */ .attorney-contact-form input[type="text"], .attorney-contact-form input[type="email"], .attorney-contact-form input[type="tel"], .attorney-contact-form textarea, .attorney-contact-form select { border:0px; border-bottom:1px solid #000000; color:#000000; padding:15px 0px; font-size:16px; } .attorney-contact-form { margin: 0 auto; text-align: center; width: 70%; } .attorney-contact-form textarea { height:53px; } .attorney-contact-form input[type="submit"] { border-radius:0px; background:#000000; margin:20px 20px 0px 0px; padding:16px 30px; float:none; } .attorney-contact-form input[type="submit"]:hover { background:#cda85c; } .attorney-contact-form .selection-box:after { content:none; } .secondary-sidebar .attorney-contact-form { width:100%; } .secondary-sidebar .attorney-contact-form input[type="submit"] { float:left; } /* Event Contact Form */ .event-contact-form input[type="text"], .event-contact-form input[type="email"], .event-contact-form input[type="tel"], .event-contact-form textarea { background:transparent; border:2px solid #fff; color:#ffffff; padding:14px 15px 13px; border-radius:5px; } .event-contact-form textarea { height:153px; } .event-contact-form input[type="submit"] { float:right; text-transform:none; margin:20px 0px 0px; font-size:16px; font-weight:normal; } /* Fitness Contact Form */ .fitness-form h2 { color:#eb0029; font-weight:600; } .fitness-form .form-field { position:relative; margin:12px 0px 0px; float:left; clear:both; width:100%; } .fitness-form span.fa, .fitness-form span.icon { position:absolute; left:15px; top:15px; color:rgba(0, 0, 0, 0.2); font-size:16px; z-index:9; color:#161616; } .fitness-form input[type="text"], .fitness-form input[type="email"], .fitness-form input[type="tel"], .fitness-form textarea { padding:13px 0 13px 40px; text-transform:capitalize; font-size:14px; border-width:0px 0px 3px 0px; border-color:#ebeef0; margin-bottom: 5px; color:#000000; } .fitness-form input[type="text"]:hover, .fitness-form input[type="email"]:hover, .fitness-form input[type="tel"]:hover, .fitness-form textarea:hover { border-color:#161616; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; } .fitness-form input[type="submit"] { border-radius: 0; float: right; font-weight: normal; letter-spacing: 0.5px; margin-top: 20px; font-size:16px; padding: 16px 30px; } .fitness-form textarea { height:120px; } .fitness-contact-info .dt-sc-contact-info { font-size:16px; } .fitness-contact-info .dt-sc-contact-info p b { color:#666666; } .fitness-contact-info .dt-sc-contact-info span { font-size:18px; color:#eb0029; margin:1px 10px 30px 0px; } .fitness-contact-info .dt-sc-contact-info h6 { font-size:18px; margin-bottom:10px; } .fitness-contact-info .dt-sc-sociable li a { color:#161616; } .fitness-contact-info .dt-sc-sociable li a:hover { color:#fff; } .fitness-contact-boxes .wpb_text_column { width:20.5%; float:left; margin-bottom:0px; } .fitness-contact-boxes .wpb_text_column:nth-child(2), .fitness-contact-boxes .wpb_text_column:last-child { width:23.1%; float:left; padding-left:30px; box-sizing:border-box; } .fitness-contact-boxes .wpb_text_column:nth-child(3) { width:12.8%; float:left; padding-top:85px; } .fitness-form-container.extend-bg-fullwidth-right:after { background:#ffffff; } /* Diet Table */ table.fit-Diet-table { margin: 0 auto; width: 70%; } table.fit-Diet-table, table.fit-Diet-table th, table.fit-Diet-table td { border:0; } .fit-Diet-table tr { display: inline-table; margin-bottom: 2px; } table.fit-Diet-table tbody tr:nth-child(2n+1) td, tbody tr:nth-child(2n+1) th { background: #f2f2f2; } table.fit-Diet-table th, table.fit-Diet-table td { background:#fbfbfb; } table.fit-Diet-table th { width:25%; color:#aaaaaa; text-transform:none; } table.fit-Diet-table th strong { font-size:30px; } .fit-Diet-table td { margin-left: 2px !important; text-align: left; position:relative; color:#161616; padding:20px 30px; vertical-align:middle; line-height:22px; } .fit-Diet-table td:before { background: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 2px; } /* Hosting Contact Form */ .hosting-contact-form input[type="submit"] { width:100%; padding:15px 20px 13px; margin-top:15px; } .hosting-contact-form textarea { height:196px; } /* Restaurant Contact Form */ .restaurant-contact-form { width:100%; float:right; max-width:570px; padding:30px 0px 0px; } .restaurant-contact-form h3 { margin-bottom:25px; padding-left: 10px; } .restaurant-contact-form input[type="text"], .restaurant-contact-form input[type="email"], .restaurant-contact-form input[type="tel"], .restaurant-contact-form textarea { background:none; border-color:rgba(255, 255, 255, 0.2); color:#ffffff; } .restaurant-contact-form input[type="text"]:focus, .restaurant-contact-form input[type="email"]:focus, .restaurant-contact-form input[type="tel"]:focus, .restaurant-contact-form textarea:focus { border-color:#b48b3c; } .restaurant-contact-form input[type="submit"] { margin-top:0px; float:right; } .restaurant-contact-bg:before { content:""; position:absolute; right:-201px; top:0px; background:url(images/slanting-bg.png) no-repeat; width:201px; height:525px; z-index:9; } .dt-sc-contact-details-on-map { position: relative; } .dt-sc-contact-details-on-map:after { background:rgba(0, 0, 0, 0.8); content:""; display: block; height:100%; position:absolute; left: 0; top: 0; width:100%; } .dt-sc-contact-details-on-map.hide-overlay:after { display: none; } .dt-sc-contact-details-on-map .map { width: 100%; } .dt-sc-contact-details-on-map .dt-sc-map-overlay { padding: 72px 0 0; /*height: auto;*/ } .dt-sc-contact-details-on-map .back-to-contact { display: none; } .dt-sc-contact-details-on-map .back-to-contact span { background:#b48b3c; border:2px solid #b48b3c; border-radius:50%; color:#ffffff; float:left; font-size:28px; height:60px; left:0px; line-height:60px; margin:auto; position: absolute; right:0px; text-align:center; top:-30px; width:60px; z-index:99; } .dt-sc-contact-details-on-map .section-wrapper.dt-sc-map-overlay { right:0px; margin:auto; max-width:1170px; } .dt-sc-contact-details-on-map .dt-sc-map-overlay:after { left:100%; right:inherit; } .vc_row.vc_row-no-padding .dt-sc-map-overlay .wpb_column.vc_col-sm-3 { padding-left:15px; padding-right:15px; } /* Spa Contact Form */ .spa-contact-form input[type="text"], .spa-contact-form input[type="tel"], .spa-contact-form input[type="email"], .spa-contact-form textarea { border-color:#ffc9d4; font-family: 'Josefin Sans', sans-serif; font-size:16px; color:#000000; font-weight:600; border-radius:15px 0px; } .spa-contact-form input[type="text"]:focus, .spa-contact-form input[type="tel"]:focus, .spa-contact-form input[type="email"]:focus, .spa-contact-form textarea:focus{ border-color:#ef577a; } /* University Forms */ .university-student-form { float:left; clear:both; width:100%; } .university-student-form p { margin-bottom:0px; } .university-student-form h2 { margin:0px 10px; } .university-student-form h3 { font-size:28px; font-weight:300; margin:0px 30px 0px 10px; } .university-student-form img, .university-student-form h2, .university-student-form h3, .university-student-form .selection-box, .university-student-form input[type="submit"] { float:left; clear:none; margin-top:32px; } .university-student-form img { margin:0px; } .university-student-form .selection-box { width:31%; height:43px; } .university-student-form select { color:#1c3f55; padding:11px 50px 10px 15px; height:45px; } .university-student-form .selection-box:after { border:0px; height:43px; } .university-student-form input[type="submit"] { margin-left:1px; padding:14px 20px 13px; } .university-contact-form .form-field, .university-contact-form .button-field { position:relative; float:left; clear:both; margin:0px 0px 20px; width:100%; } .university-contact-form .form-field i, .university-contact-form .button-field i { position:absolute; right:15px; top:15px; font-size:23px; color:#1c3f55; z-index:9; font-weight:bold; } .university-contact-form .form-field input[type="text"], .university-contact-form .form-field input[type="tel"], .university-contact-form .form-field input[type="email"], .university-contact-form textarea, .university-contact-form .form-field select { padding:16px 30px 15px 12px; color:#1c3f55; font-weight:normal; font-family:'Roboto Slab', serif; } .university-contact-form textarea { height:194px; } .university-contact-form .button-field { margin:10px 0px 0px; } .university-contact-form .button-field input[type="submit"] { padding:15px 48px 15px 20px; background:#0074bd; width:100%; color:#ffffff; } .university-contact-form .button-field i { background:#fcdb34; color:#463839; right:0px; top:10px; width:48px; height:49px; line-height:49px; text-align:center; } .university-student-form .wpb_content_element { margin-bottom:0px; } /* Yoga Forms */ .dt-sc-newsletter-section.yoga-expert-form .dt-sc-subscribe-frm { width:100%; float:left; } .dt-sc-newsletter-section.yoga-expert-form { float:left; clear:both; margin:0px; padding:0px; width:100%; } .dt-sc-newsletter-section.yoga-expert-form .dt-sc-subscribe-frm input[type="email"] { border:1px solid #c8dcdf; border-radius:5px; width:50%; float:left; margin:0px 20px 0px 0px; } .dt-sc-newsletter-section.yoga-expert-form .dt-sc-subscribe-frm input[type="submit"] { background:#927d7d; clear:none; padding:17px 20px; margin:0px; border-radius:3px; } .dt-sc-newsletter-section.yoga-expert-form .dt-sc-subscribe-frm input[type="submit"]:hover { background:#3c939d; } .yoga-contact-form input[type="text"], .yoga-contact-form input[type="email"], .yoga-contact-form input[type="tel"], .yoga-contact-form textarea { border-color:#c8dcdf; border-radius:5px; } .yoga-contact-form input[type="submit"] { background:#927d7d; margin:20px 0px 0px; } .yoga-contact-form input[type="submit"]:hover { background:#3c939d; } .yoga-contact-form textarea { height:100px; } /* Nightclub Booking Form */ .nightclub-contact { float:left; clear:both; width:100%; margin:0px; padding:0px; } .nightclub-contact-info { width:23%; float:left; margin:0px 2.5% 0px 0px; padding:20px 0px 67px; border-bottom:1px solid #000000; } .nightclub-contact-info .dt-sc-contact-info { font-size:16px; line-height:34px; } .nightclub-contact-info .dt-sc-contact-info span { color:#c09245; font-size:24px; } .nightclub-contact-info .dt-sc-contact-info span.icon-pointer { font-size:30px; } .nightclub-contact-info .dt-sc-contact-info span.icon-phone2 { margin-bottom:45px; } .nightclub-contact-info .dt-sc-contact-info span.icon-plaine { margin-bottom:10px; } .nightclub-contact-info .dt-sc-contact-info a { color:#000000; } .nightclub-contact-info .dt-sc-contact-info a:hover { color:#c09245; } .nightclub-working-hours { color:#ffffff; background:#000000; padding:30px; width:32%; float:left; margin:0px 2.5% 0px 0px; box-sizing:border-box; } .nightclub-working-hours h2 { color:#ffffff; } .nightclub-working-hours ul { float:left; clear:both; margin:10px 0px 0px; width:100%; } .nightclub-working-hours li { font-size:16px; display:block; clear:both; color:#c09245; padding:0px; margin:0px; } .nightclub-working-hours li span { color:#ffffff; width:120px; display:inline-block; } .nightclub-booking-form { float:left; clear:both; width:100%; margin:0px; padding:0px; } .nightclub-booking-form p { margin-bottom:20px; float:left; clear:both; width:100%; position:relative; } .nightclub-booking-form p.date:before, .nightclub-booking-form p.time:before { position:absolute; right:14px; top:9px; color:#ffffff; font-size:25px; font-family:FontAwesome; } .nightclub-booking-form p.date:before { content:"\f073"; } .nightclub-booking-form p.time:before { content:"\f017"; } .nightclub-booking-form p label { float:left; width:35%; padding:0px 10px 0px 0px; box-sizing:border-box; color:#ffffff; font-size:16px; line-height:52px; } .nightclub-booking-form input[type="text"], .nightclub-booking-form input[type="tel"], .nightclub-booking-form input[type="date"] { width:65%; box-sizing:border-box; background:rgba(255, 255, 255, 0.1); float:left; color:#ffffff; font-size:16px; font-family:'Raleway', sans-serif; } .nightclub-booking-form input[type="submit"] { font-size:30px; text-transform:none; font-weight:normal; float:right; border-radius:0px; margin:10px -105px 0px 0px; } .nightclub-contact-form { width:40%; float:left; margin:0px; box-sizing:border-box; padding:45px 45px 30px; position:relative; background:#f2f2f2; margin:-192px 0px 0px; } .nightclub-contact-form:before { border: 4px solid #000000; content:""; height: auto; position:absolute; bottom: 20px; left:20px; right: 20px; top:20px; width: auto; } .nightclub-contact-form p { font-size:14px; color:rgba(0, 0, 0, 0.5); line-height:24px; position:relative; z-index:1; } .nightclub-contact-form form { float:left; clear:both; width:100%; position:relative; z-index:1; } .nightclub-contact-form input[type="text"], .nightclub-contact-form input[type="email"], .nightclub-contact-form input[type="tel"], .nightclub-contact-form textarea { background:none; border:none; border-bottom:1px solid #000000; font-size:16px; color:#000000; padding:16px 12px 8px 0; margin-bottom:7px; } .nightclub-contact-form textarea { height:150px; } .nightclub-contact-form input[type="submit"] { border-radius:0px; width:100%; text-align:center; font-size:20px; font-weight:normal; margin:40px 0px 0px; padding:18px 20px 17px; } /* Architecture Contact Form */ .architecture-contact-form input[type="text"], .architecture-contact-form input[type="email"], .architecture-contact-form input[type="tel"], .architecture-contact-form textarea { border:0px; border-bottom:1px solid #000000; color:#000000; padding:15px 0px 10px 30px; font-size:14px; background:none; } .architecture-contact-form textarea { height:130px; } .architecture-contact-form input[type="submit"] { float:right; border-radius:0px; background:#000000; color:#ffffff; font-weight:normal; margin:20px 0px 0px 20px; padding:16px 30px; } .architecture-contact-form input[type="submit"]:hover { background:#ffe401; color:#000000; } .architecture-contact-form .form-field { position:relative; margin:0px; float:left; clear:both; width:100%; } .architecture-contact-form span.fa { position:absolute; left:0px; top:15px; color:#000000; font-size:16px; } /* Insurance Forms */ .insurance-working-hours { float:left; width:100%; margin:0px; padding:0px; } .insurance-working-hours li { float:left; display:block; clear:both; width:100%; color:#333333; border-bottom: 1px dashed #eff1f3; padding:7px 0px; } .insurance-working-hours li span { font-weight:bold; display:inline-block; font-size:16px; width:50%; } .insurance-working-hours li span::before { content: "\e638"; font-family: "Pe-icon-7-stroke"; font-size: 14px; margin-right: 4px; position: relative; top: 1px; } .insurance-working-hours li:last-child { border:0; } .insurance-contact-form input[type="text"], .insurance-contact-form input[type="email"], .insurance-contact-form textarea { background:rgba(0, 0, 0, 0.02); } .insurance-contact-form input[type="submit"] { margin-top:20px; width:100%; font-size:16px; padding:17px 20px 16px; } .insurance-contact-form textarea { height:122px; } .insurance-custom-tab .dt-sc-tabs-horizontal-frame-content { border:1px solid rgba(0, 0, 0, 0.1); border-top:0px; border-radius:0px 0px 3px 3px; padding:25px; box-sizing:border-box; } .insurance-quote-form { float:left; width:100%; margin:0px; padding:0px; } .insurance-quote-form label { margin-bottom:5px; display:inline-block; } .insurance-quote-form .radio-label { clear:both; margin:0px; } .insurance-quote-form .radio-label .wpcf7-list-item { position:relative; clear:both; display:inline-block; } .insurance-quote-form .radio-label .wpcf7-list-item label:before { content:""; position:absolute; left:5px; top:7px; width:14px; height:14px; border:1px solid rgba(0, 0, 0, 0.2); background:#ffffff; border-radius:50%; } .insurance-quote-form .radio-label input[type="radio"] { width:30px; } .insurance-quote-form .radio-label .wpcf7-list-item-label { position:relative; min-width:40px; display:inline-block; line-height:29px; margin:0px; } .insurance-quote-form .radio-label .wpcf7-list-item-label:before { opacity:0; } .insurance-quote-form .radio-label input[type="radio"]:checked + .wpcf7-list-item-label:before { content:""; position:absolute; left:-23px; top:2px; bottom:0px; margin:auto; width:6px; height:6px; background:#008bd3; border-radius:50%;opacity:1; } .insurance-quote-form .radio-label .wpcf7-list-item.last input[type="radio"]:checked + .wpcf7-list-item-label:before { left:-31px; } .insurance-quote-form input[type="text"], .insurance-quote-form input[type="tel"], .insurance-quote-form input[type="date"], .insurance-quote-form select { background:rgba(0, 0, 0, 0.02); } .insurance-quote-form .checkbox-label input[type="checkbox"] { position:absolute; left:0px; top:2px; } .insurance-quote-form .checkbox-label span { line-height:20px; float:left; padding:0px 0px 0px 23px; } .insurance-quote-form .checkbox-label { font-size:12px; color:#222222; position:relative; clear:both; display:inline-block; } .insurance-quote-form input[type="submit"] { border-radius:0px; padding:14px 20px; } .banner-quote-form { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 26px; width: 370px; border-radius:2px; } .banner-quote-form .b_button { text-align: center; } .banner-quote-form input[type="submit"] { float:none; } .banner-quote-form h2 { font-size: 20px; margin-bottom: 0; text-transform: uppercase; font-weight: 400; letter-spacing: 0; } form.banner-quote-form, form.banner-quote-form input, form.banner-quote-form select, .banner-quote-form.wpcf7-form div.wpcf7-validation-errors, .banner-quote-form.wpcf7-form div.wpcf7-mail-sent-ok { box-sizing: border-box !important; } .banner-quote-form span, .banner-quote-form .wpcf7-response-output { white-space: pre-line; } .banner-quote-form .wpcf7-list-item-label { color: #000; font-size: 12px; line-height: 22px; } .banner-quote-form input[type="text"], .banner-quote-form input[type="email"], .banner-quote-form input[type="tel"], .banner-quote-form select { background: #fafbfc; border-color:#eff1f3; border-radius: 2px; } .banner-quote-form .selection-box:after { border-left-color:#eff1f3; border-right-color:#eff1f3; } .banner-quote-form input[type="text"], .banner-quote-form input[type="email"], .banner-quote-form input[type="tel"] { margin-bottom:18px; } .wpcf7-form.banner-quote-form h2 + p { font-size: 12px; margin-bottom: 20px; } /* Hotel Contact Form */ .hotel-contact-details { background:#ffffff; clear:both; float:left; padding:20px; position: relative; width:100%; box-sizing:border-box; } .hotel-contact-details img { float:left; } /*.hotel-contact-details .dt-sc-two-third { background:#24292d; color:#999999; padding:20px; box-sizing:border-box; }*/ .hotel-contact-details .dt-sc-contact-info a:hover { color:#ffffff; } .hotel-working-hours { float:left; width:100%; margin:0px; padding:0px; } .hotel-working-hours li { clear:both; display:block; float:left; margin: 0; position: relative; width: 100%; } .hotel-working-hours > li::after { border-top: 1px dashed rgba(0, 0, 0, 0.5); content: ""; height: 0; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; z-index: 0; } .hotel-working-hours li span { background-color: #fff; display: inline-block; padding: 0 5px; position: relative; z-index: 1; } .hotel-working-hours li span.time { color:rgba(0, 0, 0, 0.5); float: right; } .wpcf7-form.hotel-contact-form p { position:relative; margin-bottom:10px; } .hotel-contact-form p span.fa { position:absolute; right:15px; top:17px; color:rgba(0, 0, 0, 0.2); font-size:16px; z-index:1; } .hotel-contact-form p textarea { height:120px; } .hotel-contact-form p input[type="submit"] { float:right; margin:15px 0px 0px 10px; border-radius:0px; } .hotel-contact-form p .clear { background:#000000; } .hotel-contact-form p .clear:hover { background:#c09245; } .dt-sc-rooms-container .column { margin: 0 !important; } /* Plumber Contact Form */ .plumber-contact-form { width:100%; float:left; clear:both; margin:0px; padding:0px; text-align:center; } .plumber-contact-form form { width:50%; display:inline-block; } .plumber-contact-form form input[type="text"], .plumber-contact-form form input[type="email"], .plumber-contact-form form textarea { border-color:#e2ebf1; border-radius:3px; } .plumber-contact-form form input[type="submit"] { width:100%; font-size:16px; font-weight:bold; background:none; color:#15a7e1; border:1px solid #15a7e1; box-shadow:3px 3px 0 0 #1297cc; padding:16px 20px; } .plumber-contact-form form input[type="submit"]:hover { background:#15a7e1; color:#ffffff; box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.1); } .dt-sc-toggle-frame h5.dt-sc-toggle-accordion { background:#ffffff; } /* Fashion Contact Form */ .fashion-contact-details .dt-sc-contact-info span { font-size:14px; } .fashion-contact-form input[type="submit"] { background:#000000; float:right; font-family:Lora,sans-serif; float: right; font-size: 18px; font-weight: normal; padding: 15px 20px 12px; } .fashion-contact-form input[type="submit"]:hover { background:#c3875f } /* Jewel Contact Form */ .jewel-contact-form label { float:right; color:#000000; } .jewel-contact-form input[type="submit"] { float:right; margin:20px 0px 0px; padding:17px 20px 15px; } .jewel-contact-form textarea { height:306px; } /** Model **/ .dt-sc-model-sorting a { padding: 0 15px; } .dt-sc-model-sorting a::before { right: -8px; } .dt-sc-fancy-list.align_left.arrow { padding-left:0; } ul.dt-sc-fancy-list.align_left.arrow li { font-size:18px; color:#000000; padding:4px 0 4px 23px; } ul.dt-sc-fancy-list.align_left.arrow.f_lg li { font-size:22px; padding:5px 0 5px 30px; } ul.dt-sc-fancy-list.model-request-list.f_lg li:before { font-size:22px; top:5px; } /* Contact Form 7 Validation */ .wpcf7-form .wpcf7-not-valid { border-color:#ff0000 !important; } .wpcf7-form .wpcf7-not-valid-tip { display:none; } .wpcf7-form.event-contact-form .wpcf7-not-valid { background-color:rgba(255, 0, 0, 0.1) !important; } .wpcf7-form.university-contact-form p { clear:both; } .wpcf7-form div.wpcf7-validation-errors, .wpcf7-form div.wpcf7-mail-sent-ok { clear: both; float: left; margin-left: 0; margin-right: 0; padding:15px 15px 15px 45px; width: 99%; box-sizing: border-box; } .wpcf7-form div.wpcf7-validation-errors { background-color:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; } .wpcf7-form div.wpcf7-validation-errors:before, .wpcf7-form div.wpcf7-mail-sent-ok:before { top:15px; left:18px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; } .wpcf7-form div.wpcf7-validation-errors:before { content:"\f057"; color:#C54228; } .wpcf7-form div.wpcf7-mail-sent-ok { background-color:#eafac0; border:1px solid #b1cf67; color:#7ba411; position:relative; } .wpcf7-form div.wpcf7-mail-sent-ok:before { content:"\f058"; color:#75b632; } .page-template-tpl-blog #primary, .page-template-tpl-portfolio #primary, .page-template-tpl-sidenavigation #primary, .single #primary, .archive #primary, .buddypress #primary, .bbpress #primary, .post-type-archive-tribe_events #primary, .woocommerce-page #primary, .single.single-wp_router_page #main, .search.search-results #primary, .search.search-no-results #primary { padding-bottom:80px; } .single.single-dt_programs #primary, .single-dt_chefs #primary, .single.single-dt_attorneys #primary, .single.single-dt_rooms #primary { padding-bottom: 0; } /* Visual Composer CSS */ .page-template-tpl-onepage #primary.content-full-width { padding-bottom: 0; } .vc-no-left-padding .vc_column-inner, .vc-no-left-padding.vc_column_container .vc_column-inner { padding-left: 0; } .vc-no-right-padding .vc_column-inner, .vc-no-right-padding.vc_column_container .vc_column-inner { padding-right: 0; } .vc-no-padding .vc_column-inner { padding-left: 0; padding-right: 0; } .vc-no-margin { margin-left: 0; margin-right: 0; } .side-navigation-content .container, #primary.page-with-sidebar .container, .dt-portfolio-single-details .container { max-width:100%; width:auto; } .icon-link-title .vc_column-inner, .icon-link-title .vc_column-inner .wpb_wrapper { height:100%; width:100%; } .single-dt_doctors .vc-default-row.vc_row, .single.single-dt_chefs .vc-default-row.vc_row { margin-left: 0; } .vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-top: 0; } .vc_empty_space { clear: both; float: none; } .vc_custom_float { float: left; width: 100%; } .loader { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999991; } .loader-inner { left: 50%; position:absolute; top: 50%; } /** Totop **/ #toTop { position:fixed; display:none; text-decoration:none; bottom:30px; right:30px; overflow:hidden; width:40px; height:40px; border:none; text-indent:100%; background:url(images/totop.png) no-repeat left top; z-index:999; opacity:0.8; text-indent:-9999px; } #toTop:hover { opacity:1; } #toTop:after { content:""; background-image:url(images/totop_after.png); background-repeat:no-repeat; background-position:center center; position:absolute; top:1px; bottom:1px; left:1px; right:1px; margin:auto; width:36px; height:36px; -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } #toTop:active, #toTop:focus { outline:none; } @media screen and (-webkit-min-device-pixel-ratio:0) { .dt-sc-portfolio-container .portfolio { overflow: hidden; } .university-student-form input[type="submit"] { padding-top: 13px; } /* Safari override */ ::i-block-chrome, .widget .recent-posts-widget li .entry-title { line-height: normal; } ::i-block-chrome, .widget .recent-posts-widget li .thumb { margin-top: 5px; } ::i-block-chrome, .widget .recent-posts-widget li .entry-title h4 { display:inline; } ::i-block-chrome, .dt-sc-contact-details-on-map .dt-sc-map-overlay { display: block; } ::i-block-chrome, .menu-with-slanting-splitter #main-menu ul.menu > li::before { right: 0; } ::i-block-chrome, .portfolio.type3:before, .portfolio.type3 .image-overlay { height: auto; width: auto; } ::i-block-chrome, .portfolio.type3:before { bottom: 12px; right: 12px; } ::i-block-chrome, .portfolio.type3 .image-overlay { bottom: 20px; right: 20px; } ::i-block-chrome, .footer-copyright .menu-links li { margin: 0 0 0 28px; } } /* IE9 and above override */ @media screen and (min-width:0\0) { .selection-box:before, .selection-box:after { background:none; border:none; } .selection-box select { padding-right:15px; position:relative; } .dt-sc-contact-details-on-map .dt-sc-map-overlay { padding: 71px 0 0; } } /* IE9 only override */ .ie9 .dt-sc-contact-details-on-map .dt-sc-map-overlay { padding: 72px 0 0; } @media all and (min-width:0\0) and (min-resolution:.001dpcm) { #main-menu ul li.menu-item-simple-parent ul, #main-menu ul li.menu-item-simple-parent ul li ul, #main-menu ul li.menu-item-simple-parent ul li ul li ul { z-index: auto; } .vc_row-flex.vc_row { display: table !important; } .vc_row.vc_row-flex.dt-sc-map-overlay { display: block !important; } .dt-sc-contact-details-on-map.hide-overlay .vc_row.vc_row-flex.dt-sc-map-overlay { display: none !important; } .spa-map::before { content: none !important; } } /* IE11 only override */ _:-ms-fullscreen, :root .dt-sc-contact-details-on-map .dt-sc-map-overlay { padding: 64px 0 0; } /* Firefox override */ @-moz-document url-prefix() { .dt-sc-contact-details-on-map .dt-sc-map-overlay { padding: 68px 0 0; } .university-contact-form .button-field i { height: 48px; line-height: 48px; } } /*** Events Plugin ***/ #wppb-register-user > p.form-submit, #wppb-recover-password > p.form-submit, #wppb-edit-user > p.form-submit { float: left; width: 100%; } #wppb-register-user ul li h4 { font-size:24px; margin-bottom:0px; margin-top:10px; } form.wppb-edit-user li h4 { font-weight: bold; margin-bottom: 0; margin-top: 15px; } .widget #wppb-register-user ul li.wppb-form-field:before, .widget #wppb-recover-password ul li:before, .widget #wppb-edit-user ul li:before { content:none; } .widget #wppb-register-user ul li, .widget #wppb-recover-password ul li, .widget #wppb-edit-user ul li { border-bottom:0; padding-bottom:14px; } .widget #wppb-register-user ul li h4 { font-size:20px; } .wppb-user-forms input[type="text"], .wppb-user-forms input[type="email"], .wppb-user-forms input[type="url"], .wppb-user-forms input[type="password"], .wppb-user-forms input[type="search"] { padding:10px !important; } .wppb-form-field label, #wppb-login-wrap .login-username label, #wppb-login-wrap .login-password label { width:100% !important; } .wppb-form-field input, .wppb-form-field input[type="text"], .wppb-form-field input[type="email"], .wppb-form-field input[type="url"], .wppb-form-field input[type="password"], .wppb-form-field input[type="search"], .wppb-form-field select, .wppb-form-field textarea, .wppb-checkboxes, .wppb-radios, #wppb-login-wrap .login-username input, #wppb-login-wrap .login-password input { width:100% !important; } .wppb-form-field > span { margin-left:0 !important; } input#send_credentials_via_email { width:auto !important; } .wppb-user-forms .selection-box, #select_user_to_edit_form .selection-box { display:inline-block; width:100%; } #wppb-recover-password .wppb-user-forms ul, #wppb-register-user > ul, #wppb-edit-user > ul { margin-bottom:0; } /** Next **/ td.tickets_description { text-align:left; } input.tribe-ticket-quantity { text-align:center; } .tribe-events-tickets, .tribe-tickets-table { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } .tribe-events-tickets button.button.alt, .tribe-events-tickets .woocommerce button.button.alt { border-radius:3px; font-size:18px; font-weight:normal; text-transform:none; } .tribe-events-tickets .woocommerce button.button.alt { font-weight: 600; } .tribe-tickets-attendees > header { margin-bottom: 5px; margin-top: 15px; } .tribe-events-tickets .woocommerce .quantity .qty { background-color: #fff !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; width: 100px !important; font-weight: normal; padding: 13px 12px 12px; } #tribe-events-content { float:left; width:100%; } .tribe-rsvp .user-details { margin-bottom:10px; } .tribe-rsvp-list > .tribe-item { float:left; width:100%; box-sizing:border-box; } form .tribe-rsvp h2 { margin-bottom:5px; } .single-tribe_events .tribe-events-single-event-title { font-size:30px; font-weight:600; } #tribe-events-pg-template .tribe-events-schedule { margin-top:5px; } #tribe-events-pg-template .tribe-events-schedule h2 { font-weight:normal; } .single-tribe_events .tribe-events-schedule .tribe-events-cost { color:#A6A6A6; } .tribe-back { display: inline-block; margin-bottom: 20px; width: 100%; } .tribe-back > a { color: #fff; float: left; font-size: 14px; font-weight: bold; padding: 6px 20px; text-transform: uppercase; } #tribe-events-pg-template { max-width:100%; } #tribe_events_filters_wrapper select { padding:15px 50px 15px 15px; border-color:rgba(0, 0, 0, 0.15); } #tribe_events_filters_toggle { background: #ff0000; border-radius: 5px; color: #fff; font-size: 14px; padding: 10px 20px; } .tribe-events-filter-view.tribe-filters-closed #tribe_events_filters_wrapper #tribe_events_filters_toggle { width:auto !important; float:left; padding-left:20px; } .single-tribe_events a.tribe-events-ical { float:right; } /** Comunity event */ table.tribe-community-event-info { margin:0; } .tribe-community-event-info tbody tr:nth-child(2n+1) td { background:transparent; } .tribe-community-event-info span.timeofdayoptions > .selection-box { display:inline-block; margin-top:10px; margin-right:10px; min-width:120px; } .tribe-community-event-info .selection-box { margin-bottom: 10px; } #tribe-community-events .eventForm td { vertical-align:middle; } .tribe-community-event-info td, .tribe-community-event-info th { text-align:left; } #tribe-community-events #event-categories ul li input[type="checkbox"] { vertical-align:top; } #ticket_form_table .ticket.bottom input.button-primary, #ticket_form_table .ticket.bottom input.button-secondary { background: rgba(0, 0, 0, 0.05); color: #000; display: inline-block; margin-right: 10px; padding: 10px 20px; } #ticket_form_table #ticket_price, #ticket_form_table #ticket_woo_sku, #ticket_form_table #ticket_woo_stock { display:inline-block; margin-right:10px; } .eventForm p.description { color: #7a7a7a; line-height:22px; margin-top: 10px !important; } .recurrence-end-range > select { margin-bottom:10px; } .tribe-event-recurrence:nth-child(2n+2) { background:none; } #tribe-community-events #event_cost input { display:inline-block; margin-right:10px; } .tribe-community-event-info input#EventCurrencySymbol + .selection-box { display:inline-block; } #tribe-community-events #loginform p { width:100%; margin:0; } #tribe-community-events .register, #tribe-events > .register { display:inline-block; margin-top: 17px; text-align:left; margin-left:10px; } #tribe-community-events th { padding:15px; vertical-align:middle; } .my-events-table-wrapper { background:none; } .tribe-community-event-info input#EventImage { margin:10px 0px; } #EventBriteDetailDiv small, .tribe-community-event-info small, .eventForm input, .eventForm select, .eventForm textarea { font-size:12px; } .eventForm td { line-height:17px; } .ticket_list tr td { padding-left:0; } #tribe-community-events .events-community-post-title input, #tribe-community-events .events-community-post-content textarea { width:100%; } #event_tickets td, #event_tickets th { text-align:left; } #event_tickets tbody tr:nth-child(2n+1) td { background:none; } .ticket_list td h4 { padding:10px 0px; text-transform:capitalize !important; } .ticket_list td, .ticket_list th { text-align:left; } #tribe-events-report .wp-list-table { border-spacing:1px; } #tribe-events-report input.print { background: rgba(0, 0, 0, 0.05); font-size: 14px; font-weight:bold; } #tribe-events-report .export.button, #tribe-events-report .email.button, #tribe-events-report .table-menu-wrapper > .button { font-size:14px; } #topics-filter .tablenav .actions .selection-box { float: left; margin-right: 10px; margin-top: 0; } #topics-filter .tablenav .actions .button { margin-top:8px; } #tribe-events-report .table-menu-wrapper > .button { padding:0; } #TB_closeAjaxWindow input[type="button"] { margin-top:0; } #tribe_events_filters_wrapper select { height:51px !important; } #tribe-events-report .button { font-size:14px; font-weight:bold; } #tribe-events-report input.print { color:#000; margin-left:10px; } #tribe-community-events .button#tribe_ticket_header_image { background: rgba(0, 0, 0, 0.05); color:#000; padding:10px 15px; } #tribe-community-events #my-events > .button, #tribe-community-events .tribe-menu-wrapper > .button, #tribe-community-events .table-menu-wrapper > .button, #tribe-community-events #add-new > .button { background:rgba(0,0,0,0.03); padding:5px 15px; } .tribe-community-tickets-payment-options-link { margin-left:10px; } #tribe-community-events #my-events { margin-bottom:20px; } #tribe-events-report .wp-list-table { width:100%; } #tribe-community-events .tribe-menu-wrapper { margin-bottom:20px; } .tribe-community-tickets-payment-options td { vertical-align:middle; } .tribe-community-tickets-payment-options td { text-align:left; } .tribe-link-tickets-message { margin-top:20px; } #tribe-events .tribe-events-button:hover, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover { color:#fff; } .type5.tribe_events form.cart h2, .type4.tribe_events form.cart h2, .type3.tribe_events form.cart h2, .type2.tribe_events form.cart h2, .type1.tribe_events form.cart h2 { font-size:23px; font-weight:600; } .tribe_events form.cart { display: inline-block; margin-top: 20px; width: 100%; margin-bottom:40px; } .tribe-scrollable-table th, .tribe-scrollable-table td { vertical-align:middle; } #tribe-attendees-summary .welcome-panel-column li { display:inline-block; width:100%; line-height:24px; } #tribe-attendees-summary ul li strong { color: #7a7a7a; font-weight: 600; } #tribe-attendees-summary h3, #tribe-attendees-summary h4 { font-weight:bold; } #tribe-attendees-summary h4 { margin-top:20px; margin-bottom:10px; } #tribe-events-report .tribe-scrollable-table { margin-top:20px; } #tribe-events-report .wrap { padding:0; margin-top:20px; } #tribe-events-report .tablenav.bottom div:nth-child(3) { background:none; } #wppb-login-wrap.wppb-user-forms { float: left; margin-bottom: 20px; width: 100%; } .wppb-user-forms li { display: inline-block; width: 100%; } /** Magazine Styles **/ .title_uppercase { text-transform:uppercase; } .mz-blog-one .vc_gitem-post-data-source-post_date { text-transform:uppercase; } .mz-blog-one .vc_gitem-post-data-source-post_date > div:before, .mz-blog-one-without-excerpt .vc_gitem-post-data-source-post_date > div:before { content: "\f073"; font-family:FontAwesome; font-size:14px; margin-right:5px; font-weight:normal; } .mz-blog-one .vc_grid-filter.vc_grid-filter-center, .mz-blog-one-without-excerpt .vc_grid-filter.vc_grid-filter-center { text-align:left; } .mz-blog-one .vc_gitem_row .vc_gitem-col, .mz-blog-one-without-excerpt .vc_gitem_row .vc_gitem-col { padding:20px 20px 10px; } .mz-blog-one .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover > span, .mz-blog-one-without-excerpt .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover > span, .mz-blog-four .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover > span { color:#fff; } .mz-blog-two .vc_gitem_row .vc_gitem-col { padding:0; } .mz-blog-two .vc_gitem_row .vc_gitem-col .vc_custom_heading { background:#000; padding:10px; } .mz-blog-three.mz-blog .comments { display:inline-block; } .mz-blog-three.mz-blog .comments a { background:none; color:rgba(0, 0, 0, 0.5); padding:0; font-family:open sans; font-weight:bold; font-size:12px; } .mz-blog-three.mz-blog .comments a:after { content:none; } .mz-blog-three.mz-blog .comments a:hover { background:none !important; } .mz-blog .comments a i:before { content: "\f0e6"; font-family:FontAwesome; margin-right:5px; font-size:14px; } .mz-blog-three .vc_gitem_row .vc_gitem-col, .mz-blog-four .vc_gitem_row .vc_gitem-col { padding:0; } .mz-blog-three .vc_gitem_row, .mz-blog-four .vc_gitem_row { position:relative; } .mz-blog-three .grid3-post-category, .mz-blog-four .vc_gitem_row .grid4-post-category { left: 20px; position: absolute; top: 20px; } .mz-blog-three .vc_gitem_row .grid3-post-meta { background: #fff; float: left; left: 0; padding: 10px 10px 5px 0; position: absolute; top: -53px; width: auto; z-index: 1; } .mz-blog-three .vc_gitem_row .grid3-post-meta:after { background: #fff; content: ""; display: block; height: 39px; position: absolute; right: -10px; top: 0px; transform: skewX(25deg); width: 22px; z-index: -1; } .mz-blog-three .vc_gitem_row .grid3-post-meta .vc_custom_heading { float:left; margin-right:15px; margin-bottom:0; } .mz-blog-three .vc_gitem_row .grid3-post-meta .vc_custom_heading:last-child { margin-right:0; } .mz-blog-three .vc_gitem-post-data-source-post_date { position:relative; padding-left:20px; text-transform:uppercase; } .mz-blog-three .vc_gitem-post-data-source-post_date:before { content: "\f073"; font-family:FontAwesome; font-size:14px; margin-right:5px; font-weight:normal; position:absolute; left:0; color:rgba(0,0,0,0.5); } .mz-blog-three .mz-post-grid3-category { position:absolute; left:10px; top:10px; } .mz-blog-three .grid3-post-category .vc_grid-filter-item, .mz-blog-four .grid4-post-category .vc_grid-filter-item { text-transform:uppercase; font-size:12px; padding:0 10px !important; display:inline-block; color:#fff; margin-bottom:5px; } .mz-blog-three .grid3-post-category .vc_grid-filter-item:first-child { background: #e67e22; } .mz-blog-three .grid3-post-category .vc_grid-filter-item:hover > span { color:#fff; } .mz-blog-four .vc_gitem_row .grid4-post-meta { border: 1px solid #e4e4e4; box-sizing: border-box; float: left; padding: 27px; width: 100%; border-top:0; } .grid4-post-meta .vc_gitem-post-data-source-post_date{ text-transform:uppercase; } .mz-blog .vc_btn3 { text-transform: uppercase; font-weight: 600; font-size:13px; font-family:lora; border-radius:3px; padding: 10px 22px; position:relative; } .mz-blog:hover .vc_btn3 { border-bottom:0; } .filter-top .vc_grid-filter > li.vc_grid-filter-item > span.filter-top .vc_grid-filter > li.vc_grid-filter-item > span .filter-top .vc_grid-container { position:relative; } .filter-top .vc_grid-container ul.vc_grid-filter { position:absolute; top:0px; z-index:9; right:10px; } .filter-top ul.vc_grid-filter > li.vc_grid-filter-item > span { line-height: 41px; padding:0 10px; text-transform:uppercase; font-family:lora; font-weight:bold; color:#000; } .filter-top .vc_grid-filter.vc_grid-filter-default > .vc_grid-filter-item { border-radius:0; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; } .filter-top .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active, .filter-top .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover { background:none; border-radius:0; border-bottom:1px solid #c0392b; } .filter-top .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active > span, .filter-top .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover > span { color:#000; } .mz-blog .comments a, .mz-blog div.vc_gitem-post-category-name { display: inline-block; padding: 3px 12px; color:#fff; position:relative; margin-right:5px; border-radius:3px; } .mz-blog div.vc_gitem-post-category-name { text-transform:uppercase; font-size:13px; } .mz-blog .vc_grid-filter.vc_grid-filter- .vc_grid-filter-item { padding:3px 12px !important; } .mz-blog .ico-format { color: #fff; display: inline-block; font-family: Stroke-Gap-Icons; height: 28px; line-height: 28px; padding: 5px 10px; width: 23px; position:relative; text-align:center; font-size:18px; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-3 { background:#e67e22; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-5, .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-39 { background:#1abc9c; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-9, .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-28 { background:#f13d7a; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-23, .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-12 { background:#3498db; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-4 { background:#9b59b6; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-40 { background:#95a816; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-3:hover { background:#d7731b; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-5:hover, .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-39:hover { background:#16aa8d; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-9:hover, .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-28:hover { background:#e63471; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-23:hover, .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-12:hover { background:#2c8ecf; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-4:hover { background:#904cab; } .mz-blog div.vc_gitem-post-category-name.vc_gitem-post-category-40:hover { background:#8a9c12; } /*** Clear News ***/ .lm_blog { box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); } .lm_blog .vc_gitem_row .vc_gitem-col { padding:0; } .lm_blog .vc_gitem_row .vc_gitem-col.lm_post_detail { padding:20px; } .lm_blog .vc_gitem_row .vc_gitem-col.lm_post_meta { border-top:1px solid #f5f5f5; padding:25px; } .lm_blog .lm_post_meta .vc_gitem-post-data-source-post_author { float:left; margin-right:10px; } .lm_blog .vc_gitem-post-data-source-post_author { text-transform:capitalize; } /** Spike **/ .ins_post_grid { position:relative; } .ins_post_grid .ins-post-title { padding-bottom: 15px; margin-bottom:7px; } .ins_post_grid .ins-post-excerpt { padding-top: 15px; padding-bottom:10px; } .ins_post_grid .ins_post_author, .ins_post_grid .ins_post_date, .ins_post_grid .ins_post_categories { display:inline-block; margin-right:10px; position:relative; padding-left:16px; margin-bottom:7px; font-size:12px; } .ins_post_grid .comments { display:inline-block; } .ins_post_grid .ins_post_author:before, .ins_post_grid .ins_post_date:before, .ins_post_grid .ins_post_categories:before { font-family:FontAwesome; position:absolute; left:0; } .ins_post_grid .ins_post_author:before { content: "\f007"; } .ins_post_grid .ins_post_categories:before { content: "\f02c"; } .ins_post_grid .ins_post_date:before { content: "\f073"; } .ins_post_grid div.comments a:before { content: "\f0e6"; font-family: fontawesome; margin-right: 1px; } .ins_post_grid div.comments a { color:#999; font-size:12px; } .ins_post_grid div.comments a i { display:none; } .ins-post-grid-wrapper .vc_grid-item { background: #f8f8f8; box-sizing: border-box; margin-bottom: 30px; padding: 35px !important; border-radius: 5px; } .ins-post-grid-wrapper .ins_post_grid .vc_gitem-zone-mini > .vc_gitem_row:first-child { background: #f8f8f8; float: left; position: relative; z-index: 9; } .ins-post-grid-wrapper .ins_post_grid .vc_gitem-zone-mini > .vc_gitem_row:first-child .vc_single_image-img { padding-right: 20px; width:auto; } .ins_post_grid .vc_gitem_row .vc_gitem-col { padding:0; } .ins_post_grid .vc_gitem_row .ins_post_detail { float: none; width: auto; } @media only screen and (min-width:1365px) and (max-width:1600px) { .column.no-space.dt-sc-one-third { width:33.3111%; } } .mz-blog-one.mz-blog, .mz-blog-one-without-excerpt.mz-blog { position:relative; } .mz-blog-one.mz-blog:before, .mz-blog-one-without-excerpt.mz-blog:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:80%; background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0,0)), color-stop(100%,rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* IE10+ */ background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .dt-style-picker-wrapper { position:fixed; z-index:99999; left:0px; top:150px; } #dt-style-picker { background:#f9f9f9; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px; text-align:center; } #dt-style-picker h2 { font-size:17px; font-weight:normal; line-height:48px; text-transform:capitalize; width:100%; color:#fff; margin:0px; padding:0px; background-color:#1a1a1a; } #dt-style-picker h3 { font-size:15px; font-weight:normal; padding:15px 0; width:100%; color:#000; margin:0px; display:inline-block; } #dt-style-picker ul { float:left; margin:0px; padding:15px 0px; text-align:center; width:225px; background-image:linear-gradient(to bottom, #f7f4f4, #ffffff); border-top:1px solid rgba(23, 24, 26, 0.08); } #dt-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 4px 6px 4px; } #dt-style-picker ul li a { background:#f9f9f9; border:1px solid #ffffff; padding:3px; display:inline-block; margin:0px; line-height:0; } #dt-style-picker ul li a.selected, #dt-style-picker ul li a:hover { border:1px solid #d7d7d7; } #dt-style-picker ul li a img, .style-picker-ico > img{border:1px solid #f0f0f0;} #dt-style-picker ul.scheme-picker li a { padding:7px; } #dt-style-picker ul.scheme-picker li a img { height:auto; border:0; } #dt-style-picker .hr { width:100%; height:10px; display:block; float:left; clear:both; position:relative; z-index:1; margin:3px 0px; } .style-picker-ico { background:#1a1a1a; height:48px; left:224px; position:absolute; text-align:center; top:0px; width:50px; border-left:0; } .style-picker-ico > i { color:#fff; font-size:27px; line-height:47px; } .style-picker-ico.control-open > i:before { content: "\f013"; font-family: fontawesome; } #dt-style-picker h3.color-scheme { background:#1a1a1a; color:#fff; } /*------> GDPR Update Start <-----*/ /*privacy-wrapper*/ .dt-privacy-wrapper { clear: both; padding-top: 10px; line-height: normal; font-size: 14px;} .dt-privacy-wrapper > input {margin-right: 10px;} .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm .dt-privacy-wrapper{position: relative;bottom: 20px;} .dt-sc-newsletter-section.type6 .dt-privacy-wrapper{ text-align: center;} /*Newsletter*/ .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm:before{ margin-top: -10px; } .dt-sc-newsletter-section.type1 .newsletter-tooltip{ top: -39px; } /*Cookie*/ .dt-cookie-consent .dt-sc-button.dt-cookie-close-bar, .dt-cookie-consent .dt-sc-button{ font-size:12px !important; padding: 0px 10px !important;} .mfp-wrap{ z-index: 99999 !important } .comment-form-cookies-consent input{ margin-right: 7px; } .comment-form-dt-privatepolicy input{ margin-right: 5px; } /*Model popup*/ .dt-inline-modal > h4{ background-color: #5a5a5a; color: #fff !important;} .dt-inline-modal > h4, .mfp-close-btn-in .mfp-close{ color: #fff !important; } .dt-inline-modal .dt-sc-tabs-vertical-content {min-height: 210px;color: #000;} .dt-inline-modal .dt-toggle-switch label span {color: #000 !important;} /*------>GDPR Update End <-----*/