/* Theme Name: OneLife Theme URI: https://onelifewp.wpengine.com/ Author: the DesignThemes team Author URI: https://wedesignthemes.com/ Description: WordPress Theme for Plastic Surgery & Medical based websites. Version: 4.2 Tested up to: 6.6.1 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: onelife 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 2.2 Header 2.2.1 Menu 2.2.2 Sticky header 2.2.3 Drop down menu 2.2.4 Mega menu 2.2.5 Mobile menu 2.2.6 Slider 2.2.7 Title & Breadcrumb 2.3 Portfolio 2.3.1 Portfolio columns 2.3.2 Type1 2.3.4 Type2 2.3.5 Portfolio single 2.3.6 Related portfolio 2.3.7 Before after gallery 2.4 Blog 2.4.1 Type1 2.4.2 Type2 2.4.3 Type3 2.4.4 Type4 2.4.5 Blog Columns 2.4.6 Blog Single 3. Footer 4. Retina Images 5. Loader 6. To Top /*----*****---- << General >> ----*****----*/ /*----*****---- << Body >> ----*****----*/ :root { --wdtPrimaryColor: #89cddf; --wdtSecondaryColor: #000; --wdtAccentTxtColor: #fff; } body { font-weight: normal; font-size: 16px; line-height: 28px; webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Quicksand, sans-serif; } body, html { overflow-x: hidden; width: 100%; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 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"], input[type="submit"], button, input[type="button"], input[type="reset"], select, blockquote.type1 q { font-family: Quicksand, sans-serif; } /*----*****---- << Headings >> ----*****----*/ h1, h2, h3, h4, h5, h6 { line-height: normal; font-weight: normal; margin-bottom: 20px; letter-spacing: .5px; } h1 { font-size: clamp(1.875rem, 1.7308rem + .641vw, 2.5rem) !important; } /* 40px */ h2 { font-size: clamp(1.5rem, 1.4135rem + .3846vw, 1.875rem) !important; } /* 30px */ h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 14px; } h2 { line-height: 36px; } h4 { line-height: 33px; } h2 span { font-size: 16px; } .dt-sc-icon-box.type10 .icon-content h4, .h2 h4 { font-size: 30px; font-weight: normal; letter-spacing: .5px; } /*----*****---- << Transition >> ----*****----*/ a, span, li, li:hover:before, select, .selection-box:before, .selection-box:after, input, .button, a:after, a:hover:after, a:before, a:hover:before, a img, #toTop:after, #logo, .main-header, #main-header-wrapper .container, #header, #header-wrapper, #main, .two-color-header .menu-wrapper, #main-header-wrapper, .sticky-wrapper, .sticky-wrapper.is-sticky #main-header-wrapper, .fullwidth-header.semi-transparent-header .main-header-wrapper, .boxed-header.semi-transparent-header .main-header, .fullwidth-header.semi-transparent-header .is-sticky .main-header-wrapper, .header-align-center.fullwidth-menu-header .menu-wrapper:before, .header-align-center .header-left, .header-align-center .header-right, .boxed-header.semi-transparent-header .is-sticky .main-header, #main-menu ul.menu > li.menu-item-has-children:hover:after, li.menu-item-has-children:before, .boxed-header .main-header #main-menu ul.menu > li.menu-item-has-children:hover:after, .fullwidth-menu-header .main-header #main-menu ul.menu > li.menu-item-has-children:hover:after, .dt-sc-icon-box.type6 .icon-wrapper, .dt-sc-icon-box.type6 .icon-content h4, .dt-sc-icon-box.type6 .icon-content p, .dt-sc-icon-box.type6:hover .icon-wrapper, .dt-sc-icon-box.type6:hover .icon-content h4, .dt-sc-icon-box.type6:hover .icon-content p, .dt-sc-team-details:before, .dt-sc-team .dt-sc-team-details p, .dt-sc-team.rounded .dt-sc-team-thumb:before, .dt-sc-image-caption.type1 .dt-sc-image-wrapper .icon-wrapper:before, .dt-sc-image-caption.type1 .dt-sc-image-wrapper .icon-wrapper:after, .dt-sc-image-caption.type2 .dt-sc-image-content h3, .dt-sc-image-caption.type5 .dt-sc-image-title:after, .dt-sc-image-caption.type5 .dt-sc-image-title:before, .portfolio .image-overlay .links a:after, .portfolio .image-overlay .links a:before, .blog-entry.entry-date-left .entry-date, .blog-entry.blog-thumb-style.entry-date-left .entry-date, .blog-entry.blog-thumb-style.entry-date-left .entry-date h4, .dt-sc-image-caption .dt-sc-image-content, .dt-sc-image-caption.type1 .dt-sc-image-title h3.dt-sc-image-caption.type5 .dt-sc-image-content:before, .dt-sc-image-caption.type5 .dt-sc-image-content, .dt-sc-image-caption.type5 .dt-sc-image-content h3, .dt-sc-icon-box.type7, .dt-sc-pr-tb-col, .dt-sc-pr-tb-col .dt-sc-tb-title h5, .dt-sc-pr-tb-col .dt-sc-tb-title p, .dt-sc-pr-tb-col .dt-sc-price h6, .dt-sc-pr-tb-col.minimal .icon-wrapper:after, .dt-sc-testimonial.type4, .dt-sc-timeline-section.type2 .dt-sc-timeline .dt-sc-timeline-content .dt-sc-timeline-icon-wrapper:before, .dt-sc-timeline-section.type2 .dt-sc-timeline .dt-sc-timeline-content .dt-sc-timeline-icon-wrapper:after, .dt-sc-title.with-boxed.dt-sc-photography-style, .dt-sc-title.with-boxed.dt-sc-photography-style:before, .dt-sc-title.with-boxed.dt-sc-photography-style:after, .dt-sc-title.with-boxed.dt-sc-photography-style h2, .dt-sc-pr-tb-col.minimal .dt-sc-price p, .dt-sc-events-list .dt-sc-event-date h2, .dt-sc-events-list .dt-sc-event-date, .dt-sc-popular-procedures .details h3, .dt-sc-team-thumb, .dt-sc-team-thumb img, .dt-sc-team-social, .dt-sc-doctors, .dt-sc-doctors .dt-sc-doctors-details, .dt-sc-doctors:hover .dt-sc-doctors-details, .dt-sc-doctors:hover .dt-sc-doctors-details h6, .dt-sc-single-hexagon.type2, .dt-sc-single-hexagon.type2:before, .dt-sc-single-hexagon.type2:after, .dt-sc-single-hexagon-overlay, .dt-sc-single-hexagon-overlay h4, .dt-sc-single-hexagon-overlay img, .dt-sc-single-hexagon-overlay h4:before, .dt-sc-counter.type2 .dt-sc-couter-icon-holder:before, .dt-sc-counter.type2 .dt-sc-couter-icon-holder:after, .dt-sc-hexagon-overlay, .dt-sc-hexagons li .dt-sc-hexagon-overlay img, .dt-sc-hexagons li .dt-sc-hexagon-overlay p, .dt-sc-icon-box.type10, .dt-sc-icon-box .icon-wrapper:after, .dt-sc-icon-box.type10 .icon-content h4, .vc_parallax .video-parallax figure:after, .dt-sc-popular-procedures, .dt-sc-popular-procedures:hover, .dt-sc-popular-procedures .details:before, .dt-sc-popular-procedures:hover .details:before, .dt-sc-contact-info.type5 .dt-sc-contact-icon:after, .dt-sc-contact-info.type5 .dt-sc-contact-icon:before, .dt-sc-contact-info.type5 .dt-sc-contact-icon span, .dt-sc-icon-box.type10 .icon-content:before, .dt-sc-icon-box.type6 .icon-content:before, .dt-sc-timeline-content:before, .dt-sc-timeline-content:after, .dt-sc-popular-procedures.type2 .details ul:before, .dt-sc-popular-procedures.type2:hover .details ul:before, .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, .blog-entry.entry-date-left .comments, .domain-search, .available-domains li .dt-sc-button, ul.dt-sc-vertical-nav, .blog-entry, .entry-format, .entry-format:before, .entry-format:after, .entry-format a:before, .icon-wrapper, .icon-wrapper span, .star-rating, .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, .entry-meta-data, .dt-sc-image-flip img, .portfolio figure img, .portfolio .image-overlay h2 a:before, .portfolio .image-overlay h2 a:after, .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.type1 .dt-sc-image-title h3, .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-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, .blog-entry.entry-date-author-left .entry-date-author .comments i, .dt-sc-icon-box.type5.rounded .icon-wrapper, .diamond-narrow-square-border li:before, .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-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, .blog-entry.blog-medium-style, header form#searchform, .vc_separator.show-more-lnk h4, .ba-outside .slide-pre, .ba-outside .slide-nex, .dt-sc-team-navigation .dt-sc-team-pager-prev:before, .dt-sc-team-navigation .dt-sc-team-pager-next:before, .dt-sc-image-caption, .ad-banner:before, .dt-sc-portfolio-sorting.type1 a:before, .menu-icons-wrapper { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .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, #main-menu ul.menu > li.menu-item-has-children:hover:before { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .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 .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; -ms-transition: all .9s ease; transition: all .9s ease; } .portfolio .image-overlay .links:after, .portfolio .image-overlay .links:before { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out; } /*----*****---- << Text Elements >> ----*****----*/ .fa, .far, .fas { font-family: "FontAwesome" !important; } .fa, .fas { font-weight: 400 !important; } 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; font-family: monospace; max-width: 100%; overflow: auto; overflow: auto; padding: 1.75em; white-space: pre; } ul { list-style-type: disc; 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 { 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; } ol ol ol { margin-bottom: 0px; } ol li ul, ul li ol { margin-bottom: 0; } ol li ul li:last-child, ol li ul li ol li:last-child { padding-bottom: 0; } .entry-body ul ol li:last-child, .entry-body ul ul li:last-child, .entry-body ul ul ol li:last-child { padding-bottom: 0; } .entry-body ol li ul li:first-child { margin-top: 5px; } blockquote { display: block; padding: 0px; margin: 0px; position: relative; clear: left; } blockquote p { font-style: italic; font-weight: 600; } blockquote.type1 q { 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.type2 { padding: 15px 0px 15px 25px; border-left: 2px solid; } blockquote.type2 q { font-size: 16px; display: block; margin-bottom: 20px; } blockquote.type2 cite { display: block; } /* Variations */ /* Blue */ blockquote.type1.blue q, blockquote.type2.blue { border-color: #008bd3; } blockquote.type2.blue cite::before { background-color: #008bd3; } /* Brown */ blockquote.type1.brown q, blockquote.type2.brown { border-color: #795548; } blockquote.type2.brown cite::before { background-color: #795548; } /* CadetBlue */ blockquote.type1.cadetblue q, blockquote.type2.cadetblue { border-color: #3c939d; } blockquote.type2.cadetblue cite::before { background-color: #3c939d; } /* Chillipepper */ blockquote.type1.chillipepper q, blockquote.type2.chillipepper { border-color: #c10841; } blockquote.type2.chillipepper cite::before { background-color: #c10841; } /* Cyan */ blockquote.type1.cyan q, blockquote.type2.cyan { border-color: #00bcd4; } blockquote.type2.cyan cite::before { background-color: #00bcd4; } /* Darkgolden */ blockquote.type1.darkgolden q, blockquote.type2.darkgolden { border-color: #b48b3c; } blockquote.type2.darkgolden cite::before { background-color: #b48b3c; } /* DeepOrange */ blockquote.type1.deeporange q, blockquote.type2.deeporange { border-color: #ff5722; } blockquote.type2.deeporange cite::before { background-color: #ff5722; } /* DeepPurple */ blockquote.type1.deeppurple q, blockquote.type2.deeppurple { border-color: #673ab7; } blockquote.type2.deeppurple cite::before { background-color: #673ab7; } /* Green */ blockquote.type1.green q, blockquote.type2.green { border-color: #60ae0d; } blockquote.type2.green cite::before { background-color: #60ae0d; } /* Lime */ blockquote.type1.lime q, blockquote.type2.lime { border-color: #cddc39; } blockquote.type2.lime cite::before { background-color: #cddc39; } /* Magenta */ blockquote.type1.magenta q, blockquote.type2.magenta { border-color: #cb506d; } blockquote.type2.magenta cite::before { background-color: #cb506d; } /* Orange */ blockquote.type1.orange q, blockquote.type2.orange { border-color: #ff9800; } blockquote.type2.orange cite::before { background-color: #ff9800; } /* Pink */ blockquote.type1.pink q, blockquote.type2.pink { border-color: #fd6ca3; } blockquote.type2.pink cite::before { background-color: #fd6ca3; } /* Purple */ blockquote.type1.purple q, blockquote.type2.purple { border-color: #9c27b0; } blockquote.type2.purple cite::before { background-color: #9c27b0; } /* Red */ blockquote.type1.red q, blockquote.type2.red { border-color: #da0000; } blockquote.type2.red cite::before { background-color: #da0000; } /* SkyBlue */ blockquote.type1.skyblue q, blockquote.type2.skyblue { border-color: #0eb2e7; } blockquote.type2.skyblue cite::before { background-color: #0eb2e7; } /* Teal */ blockquote.type1.teal q, blockquote.type2.teal { border-color: #009688; } blockquote.type2.teal cite::before { background-color: #009688; } /* Turquoise */ blockquote.type1.turquoise q, blockquote.type2.turquoise { border-color: #32ccbd; } blockquote.type2.turquoise cite::before { background-color: #32ccbd; } /* Wisteria */ blockquote.type1.wisteria q, blockquote.type2.wisteria { border-color: #9b59b6; } blockquote.type2.wisteria cite::before { background-color: #9b59b6; } /* Yellow */ blockquote.type1.yellow q, blockquote.type2.yellow { border-color: #ffe401; } blockquote.type2.yellow cite::before { background-color: #ffe401; } 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 { color: #fff; 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: #fff; } .vc_inline-link { clear: none; margin-right: 10px; } /*----*****---- << Tables >> ----*****----*/ table { border-collapse: separate; border-spacing: 0; margin-bottom: 20px; width: 100%; clear: both; border-top: 1px solid rgba(0, 0, 0, .1); } th { color: #fff; border-bottom: 1px solid rgba(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, .1); font-size: 14px; line-height: normal; text-align: center; padding: 13px 15px; } tbody tr:nth-child(2n) { background: rgba(0, 0, 0, .03); } tbody td .dt-sc-button.small { padding: 7px 14px; font-size: 12px; margin: 0px; } th a, th a:hover { color: #fff; } th a:hover, td a:hover { text-decoration: underline; } .blog-entry .entry-body tbody th { background: none; font-weight: 400; } .blog-entry .entry-body tbody th, .blog-entry .entry-body tbody th a { color: inherit; } body:not(.vc_transform) tbody td, body:not(.vc_transform) tbody td a, body:not(.vc_transform) .commententries tbody td, body:not(.vc_transform) .commententries tbody td a { font-weight: 400; color: inherit; } .blog-entry .entry-body tbody th a { text-transform: none; } /* body:not(.vc_transform) tbody td a:hover, body:not(.vc_transform) .commententries tbody td a:hover { text-decoration: underline; } */ /*----*****---- << Definition Lists >> ----*****----*/ dl { margin: 0 0 30px; } dl.gallery-item { margin: 0px; } .gallery-caption { margin-bottom: 10px; } .gallery-item img { padding: 10px; } dt { font-weight: bold; font-size: 17px; margin-bottom: 10px; } dd { margin-bottom: 20px; line-height: 20px; } small { font-size: smaller; } /*----*****---- << 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; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /*----*****---- << 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, .woo-type10.woocommerce select { 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"], input.text, input[type="search"] { border: 1px solid; padding: 21px 50px 21px 15px; height: 60px; display: block; margin: 0px; width: 100%; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; } textarea { border: 1px solid; padding: 21px 50px 21px 15px; line-height: normal; width: 100%; float: left; } textarea { height: 190px; overflow: auto; } select { border: 1px solid; outline: none; width: 100%; margin: 0px; padding: 21px 50px 21px 15px; height: 60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; text-indent: .01px; text-overflow: ""; -webkit-border-radius: 0px; } /* IE */ select::-ms-expand { display: none; } select option, .woo-type10.woocommerce select option { padding: 6px 6px 6px 18px; } 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; height: 60px; float: left; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; } .aligncenter input[type="submit"] { float: none; } /* Moz Reset */ input[type="submit"]::-moz-focus-inner { border: 0; padding: 0; margin-top: -1px; margin-bottom: -1px; } form.wpcf7-form, form.wpcf7-form input, form.wpcf7-form select { text-transform: capitalize; border: none; } form.wpcf7-form input.wpcf7-submit[type="submit"] { width: 100%; padding: 20px 0; text-transform: capitalize; border-radius: 0; font-size: 18px; font-weight: 300; color: #fff; margin: 0; border: none; height: 60px; } form.wpcf7-form textarea { height: 120px; min-height: 130px; width: 100%; line-height: normal; } form.wpcf7-form.bordered input, form.wpcf7-form.bordered select { border: 1px solid; } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, form.wpcf7-form input[type="date"] { line-height: 0; } } #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: 23px; 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: 60px; height: 60px; right: 0px; top: 0; } .selection-box select { margin-top: 0px; } /* IE9 */ .ie9 .selection-box:before, .ie9 .selection-box:after { background: none; border: none; } .ie9 .selection-box select { padding-right: 15px; position: relative; } /*----*****---- << Images >> ----*****----*/ .alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; } .alignright, img.alignright { display: inline; float: right; 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; } .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%; max-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.alignleft { margin-right: 20px; } .wp-caption.alignright { margin-left: 20px; } /*----*****---- << 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 { width: 100%; 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.986%; } .column.no-space.dt-sc-one-third { width: 33.333333%; } .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-one-fifth .vc_col-sm-2 { width: 20%; } .vc-one-fifth .vc_col-sm-2:last-child { display: none; } /*----*****---- << Widgets >> ----*****----*/ .widgettitle { margin: 0 0 30px; position: relative; clear: both; text-transform: capitalize; } .widget ul { padding: 0px; margin: 0px; width: 100%; float: left; clear: both; } .widget ul li, .widget.widget_nav_menu ul.menu li, .widget.widget_text ul#businesshours li, .dt-sc-doctors-single-meta ul 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, .widget.widget_text ul#businesshours 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; color: #000; } .widget ul li:last-child > a { padding-bottom: 0px; } .widget ul li:first-child, .widget.widget_nav_menu ul.menu li:first-child, .widget.widget_text ul#businesshours li:first-child { padding-top: 0px; } .widget ul li:before, .woocommerce .widget_shopping_cart .cart_list li.empty:before, .dt-sc-doctors-single-meta ul li:before { content: ""; font-family: FontAwesome; font-size: 11px; left: 0; position: absolute; top: 10px; } .dt-sc-doctors-single-meta ul li:before { top: 12px; content: ""; } .widget ul li:first-child:before, .widget.widget_text ul#businesshours li:first-child:before { top: 0px; } .widget.widget_recent_posts .recent-posts-widget li:before { top: 7px; } .widget.widget_recent_posts .recent-posts-widget li:first-child:before { top: -3px; } @-moz-document url-prefix() { .widget.widget_recent_posts .recent-posts-widget li:before { top: 6px; } .widget.widget_recent_posts .recent-posts-widget li:first-child:before { top: -4px; } } .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.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; color: #fff; } .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; } .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: ""; position: absolute; left: 0px; right: 0px; bottom: auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin: auto; width: 20px; height: 20px; font-family: "Stroke-Gap-Icons"; font-size: 20px; font-style: normal; font-weight: 400; opacity: 0; } .widget .recent-portfolio-widget ul li:hover a:after { opacity: 1; } .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: 16px; line-height: 28px; letter-spacing: .25px; margin-top: -5px; margin-bottom: 7px; padding: 0 0 10px 20px; text-transform: capitalize; } .widget .recent-posts-widget li .entry-meta { font-size: 14px; } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, .widget .recent-posts-widget li .entry-title h4 { display: inline; } } .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: ""; 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: ""; } .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: 12px; } .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: ""; } .widget_text ul.custom-social li { float: left; width: auto; clear: none; margin-right: 20px; line-height: normal; } .widget_text ul.custom-social li a span { font-size: 14px; margin: 0; } .widget.widget_text ul#businesshours li { width: 100%; float: left; padding: 20px 0px 20px 20px; } .widget.widget_text ul#businesshours li:before { top: 20px; } .widget.widget_text ul#businesshours li span { font-weight: bold; width: 100%; float: left; } .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-widget div a:hover img { opacity: .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; font-size: 12px !important; text-transform: capitalize; color: #fff; } .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="email"] { width: 100%; margin: 0px; border: 1px solid transparent; } .widget .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="submit"] { position: absolute; right: 0px; top: 0px; border-radius: 0px; padding: 18px 20px 17px; margin: 0px; height: 60px; } .widget .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"]:active, .widget .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"]:focus { border: 1px solid var(--wdtPrimaryColor); } @media screen and (min-width:0\0) { .widget .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"] { width: 100%; float: left; } } footer .widget .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="submit"] { text-indent: 0; } footer .widget .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm:before { content: none; } .widget #searchform { position: relative; } .widget #searchform .container { width: 100%; } .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; height: 60px; } .widget.widget_calendar .calendar_wrap { border-right: 1px solid; } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, .widget #searchform input[type="text"] { padding: 0 0 0 10px; } ::i-block-chrome, .widget.widget_calendar .calendar_wrap { border-right: none; } } .widget #wp-calendar { border-top: none; } .widget #wp-calendar caption { font-weight: 300; font-size: 14px; margin-bottom: 0; border: 1px solid; border-bottom: none; border-right: none; padding: 5px 0; } .widget #wp-calendar th { padding: 10px; } .widget #wp-calendar td { padding: 9px 10px; border-left: 1px solid; } .widget #wp-calendar td#today { color: #fff; font-weight: bold; } .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; } /* 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 .tagcloud a:hover { color: #fff; } .secondary-sidebar .flickr-widget div a { max-width: 75px; } .secondary-sidebar .widget .tweet_list li { border-color: rgba(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 .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; width: 100%; } .secondary-sidebar .type1 .widgettitle:after { bottom: -13px; height: 1px; } .secondary-sidebar .type2 .widgettitle { margin-top: 0px; margin-bottom: 40px; padding: 12px 15px; } .secondary-sidebar .type2 .widgettitle:before { top: inherit; bottom: -13px; left: 0px; width: 0px; height: 0px; border-top: 13px solid #000; border-right: 13px solid transparent; } .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; padding-top: 15px; float: none; display: inline-block; } .secondary-sidebar .type4 .widgettitle:before { top: 0px; height: 3px; width: 51px; left: 0; position: absolute; content: ""; display: block; } .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: ""; top: 9px; } .secondary-sidebar .type5 .widget .tweet_list li:before { content: ""; } .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.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; } .secondary-sidebar .type6 .widgettitle { border-bottom: 1px solid; margin-top: 0px; padding: 0px 0px 15px 15px; box-sizing: border-box; margin-bottom: 50px; width: 100%; } .secondary-sidebar .type6 .widgettitle:after { content: ""; position: absolute; width: 10px; height: 10px; border-left: 1px solid; border-bottom: 1px solid; left: 18px; bottom: -6px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); background: #fff; } .secondary-sidebar .type7 .widgettitle { margin-top: 0px; padding: 13px 20px 12px 19px; box-sizing: border-box; margin-bottom: 40px; font-weight: bold; font-size: 20px; } .secondary-sidebar .type7 .widgettitle:before { left: inherit; left: -13px; top: 0px; height: 100%; width: 39px; background: #000; -ms-transform: skewX(-30deg); -webkit-transform: skewX(-30deg); transform: skewX(-30deg); } .secondary-sidebar .type8 .widgettitle { background: #fff; padding: 10px 25px; margin: -45px auto 20px; text-align: center; display: table; float: none; font-size: 16px; font-weight: bold; } .secondary-sidebar .type8 .widget { width: 100%; padding: 30px 20px 20px; box-sizing: border-box; } .secondary-sidebar .type8 .widget:before { content: ""; position: absolute; left: 0px; top: 6px; width: 100%; height: 100%; box-sizing: border-box; z-index: -1; } .secondary-sidebar .type8 .widget #wp-calendar td, .secondary-sidebar .type8 .widget #wp-calendar th { padding: 6px; } .secondary-sidebar .type8 .widget.widget_calendar .calendar_wrap { border-right: none; background: #fff; } .secondary-sidebar .type9 .widgettitle { margin-top: 0px; padding: 0px 0px 10px; } .secondary-sidebar .type9 .widgettitle:before { width: 50px; height: 3px; background: #000; top: inherit; left: 0px; bottom: -2px; } .secondary-sidebar .type10 .widget { padding-top: 2px; } .secondary-sidebar .type10 .widgettitle { padding: 10px 20px; min-height: 37px; box-sizing: border-box; margin-bottom: 30px; color: #fff; font-size: 18px; background: #000; } .secondary-sidebar .type10 .widgettitle:after { position: absolute; right: 0; top: 50%; margin: auto; content: ""; display: block; width: 0; height: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-right: 20px solid #fff; z-index: 2; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .secondary-sidebar .type11 .widget { position: relative; padding: 25px 20px; box-sizing: border-box; } .secondary-sidebar .type11 .widgettitle { margin-top: 0px; margin-bottom: 40px; padding-right: 15px; float: none; display: inline-block; width: 100%; } .secondary-sidebar .type11 .widgettitle:before { content: ""; position: absolute; top: -15px; right: -10px; background-image: url("https://idealplasticsurgery.com/nitropack_static/VrGkUrnmqcWKXZGVFTMRJoJHAMGfQfcb/assets/images/optimized/rev-1ddfc7c/www.idealplasticsurgery.com/wp-content/themes/Onelife/images/parallax-quote-bg.png"); margin: 0px auto; width: 66px; height: 65px; float: left; background-size: 100%; background-repeat: no-repeat; background-position: center; z-index: 999; z-index: 1; } .secondary-sidebar .type11 .widget #wp-calendar td, .secondary-sidebar .type11 .widget #wp-calendar th { padding: 6px; } .secondary-sidebar .type11 .widget.widget_calendar .calendar_wrap { border-right: none; background: #fff; } .secondary-sidebar .type12 .widget { position: relative; background: #fff; box-sizing: border-box; } .secondary-sidebar .type12 .widgettitle { margin-top: 0px; padding: 10px 0 10px 20px; margin-bottom: 20px; } .secondary-sidebar .type12 .widgettitle:before { content: ""; height: 80%; width: 3px; left: 0; display: block; top: 50%; position: absolute; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .secondary-sidebar .type12 .widgettitle:after { content: ""; height: 0; width: 0; left: 3px; display: block; top: 50%; position: absolute; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); border-top: 6px solid transparent; border-left: 6px solid; border-bottom: 6px solid transparent; } .secondary-sidebar .type13 .widgettitle { margin-top: 0px; padding: 14px 0px 12px; } .secondary-sidebar .type13 .widgettitle:before { position: absolute; content: ""; display: block; left: 0; height: 100%; width: 60px; border-top: 1px solid; border-bottom: 1px solid; top: 0px; z-index: -1; } /*----*****---- << Layout >> ----*****----*/ /*----*****---- << Container >> ----*****----*/ .container { width: 100%; max-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: 100%; 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 { display: inline-block; float: none; margin: 0px 30px; width: 570px; } #secondary, #secondary-right, #secondary-left { width: 270px; margin: 0px; float: left; padding: 0px; position: relative; z-index: 1; } #secondary-right, #secondary-right.secondary-has-right-sidebar { float: right; } #secondary-left.secondary-has-left-sidebar { float: left; } #secondary.secondary-has-both-sidebar { margin: 0px; } .page-with-slider .secondary-sidebar#secondary-left, .page-with-slider .secondary-sidebar#secondary-right { margin-top: 100px; } .page-template-tpl-fullwidth-php #primary { padding-bottom: 0px; } .wrapper { clear: both; width: 100%; margin: 0px; padding: 0px; float: left; } .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: #fff; overflow-x: hidden; } .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: 9000px; display: inline !important; } .extend-bg-fullwidth-right:after { content: ""; position: absolute; top: 0px; left: 100%; height: 100%; width: 9000px; display: inline !important; } .vertical-align-middle .container { 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: ""; 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 .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .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("https://idealplasticsurgery.com/nitropack_static/VrGkUrnmqcWKXZGVFTMRJoJHAMGfQfcb/assets/images/optimized/rev-1ddfc7c/www.idealplasticsurgery.com/wp-content/themes/Onelife/images/side-nav-active.png") no-repeat; width: 11px; height: 46px; right: -11px; top: 0px; } 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: #fff; } 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; } /*----*****---- << Header >> ----*****----*/ #header-wrapper { float: left; width: 100%; margin: 0px; padding: 0px; } #header { width: 100%; margin: 0px; padding: 0px; float: left; position: relative; z-index: 10000; } .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: ""; 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; 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; } .top-bar .dt-sc-contact-info { margin-top: 14px; } .top-bar .container { display: flex; flex-wrap: wrap; min-height: 50px; align-items: center; padding: 10px 0; } .top-bar .container div { margin: 0; } .top-bar .container div .vc_column-inner .wpb_wrapper, .top-bar .container div .vc_column-inner .text-with-icon { line-height: 1; } .top-bar .container div .vc_column-inner .dt-sc-contact-info h6 { margin-bottom: 0; } .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; } .header-with-topbar .main-header-wrapper, .header-with-topbar.header-on-slider .main-header-wrapper, .two-color-header.header-on-slider .sticky-wrapper { top: 50px; } .fullwidth-menu-header.header-with-topbar .main-header-wrapper { top: 0; } .home.header-on-slider:not(.page-with-slider) #header-wrapper { margin-bottom: 120px; } .main-header-wrapper { position: absolute; left: 0; top: 0; width: 100%; backface-visibility: hidden; z-index: 2; } .main-header { /* float: left; */ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; padding: 0px; margin: 0px; position: relative; z-index: 1; border-bottom: 1px solid var(--wdtAccentTxtColor); } .is-sticky .main-header { border-bottom: 1px solid rgba(0, 0, 0, 0); } .standard-header .main-header-wrapper { position: inherit; top: 0px; float: left; clear: both; width: 100%; } .sticky-wrapper.is-sticky #main-header-wrapper { border-bottom: 1px solid rgba(0, 0, 0, .1); } .boxed-header .vc_row[data-vc-full-width].before-after-slider { overflow: visible; } .boxed-header .before-after-slider:before { content: ""; position: absolute; top: -15%; left: 0; display: block; width: 100%; height: 115%; background-image: url("https://idealplasticsurgery.com/nitropack_static/VrGkUrnmqcWKXZGVFTMRJoJHAMGfQfcb/assets/images/optimized/rev-1ddfc7c/www.idealplasticsurgery.com/wp-content/themes/Onelife/images/pattern-bg.png"); background-repeat: repeat; z-index: -1; } .boxed-header .main-header-wrapper { top: 40px; } .boxed-header .main-header { padding: 0px 25px; box-sizing: border-box; } .boxed-header .main-header .menu-active-highlight-grey #main-menu ul.menu > li, .boxed-header.header-on-slider .sticky-wrapper.is-sticky .menu-active-highlight-grey #main-menu ul.menu > li { padding: 10px 20px 10px; } .boxed-header .main-header .menu-icons-wrapper .search a span, .boxed-header .main-header .menu-icons-wrapper .cart a span { line-height: 70px; padding: 10px 0; } .boxed-header .sticky-wrapper.is-sticky .main-header .menu-icons-wrapper .search a span, .boxed-header .sticky-wrapper.is-sticky .main-header .menu-icons-wrapper .cart a span { line-height: 50px; } .boxed-header .main-header #main-menu .megamenu-child-container { top: 110px; } .boxed-header .main-header #main-menu ul.menu > li.menu-item-has-children:after { content: none; } .boxed-header .main-header #main-menu ul.menu > li.menu-item-has-children:hover:after { border-width: 13px; top: 86px; } .boxed-header .main-header #main-menu ul.menu > li.menu-item-has-children:before { top: 102px; } .boxed-header .main-header #main-menu ul li.menu-item-simple-parent ul { top: 99px; } .boxed-header .sticky-wrapper.is-sticky .main-header #main-menu ul.menu > li.menu-item-has-children:after { content: none; } .boxed-header .sticky-wrapper.is-sticky .main-header #main-menu .megamenu-child-container { top: 92px; } .boxed-header .sticky-wrapper.is-sticky .main-header #main-menu ul li.menu-item-simple-parent ul.sub-menu { border-top: none !important; } .boxed-header .sticky-wrapper.is-sticky .main-header #main-menu ul.menu > li.menu-item-has-children:before { top: 83px; } .boxed-header .sticky-wrapper.is-sticky .main-header #main-menu ul li.menu-item-simple-parent ul { top: 82px; } .boxed-header .sticky-wrapper .main-header #main-menu ul li.menu-item-simple-parent ul.sub-menu ul { top: -21px; } .boxed-header .sticky-wrapper.is-sticky .main-header #main-menu ul li.menu-item-simple-parent ul.sub-menu ul { top: -20px; } .boxed-header .sticky-wrapper.is-sticky .main-header .menu-icons-wrapper .search a span, .boxed-header .sticky-wrapper.is-sticky .main-header .menu-icons-wrapper .cart a span { padding: 0; } .boxed-header.transparent-header .main-header #main-menu ul.menu > li.menu-item-has-children:hover:after { content: none; } .boxed-header.transparent-header .sticky-wrapper.is-sticky .main-header #main-menu .megamenu-child-container { top: 69px; } .boxed-header.transparent-header .sticky-wrapper.is-sticky .main-header #main-menu ul li.menu-item-simple-parent ul { top: 59px; } .boxed-header.transparent-header .is-sticky .main-header-wrapper .menu-icons-wrapper { padding: 0; } .boxed-header.transparent-header.header-on-slider .sticky-wrapper.is-sticky .menu-active-highlight-grey #main-menu ul.menu > li { padding: 0 20px; } .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%; left: 0; right: 0; margin: 0px auto; top: 0; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .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 { background: none !important; } .transparent-header .is-sticky .main-header-wrapper #main-menu ul.menu > li { padding: 0 20px; } .transparent-header .is-sticky .main-header-wrapper .menu-icons-wrapper { padding: 10px 0; } .transparent-header .is-sticky .main-header-wrapper .menu-icons-wrapper .search a span, .transparent-header .is-sticky .main-header-wrapper .menu-icons-wrapper .cart a span { padding: 0; } .transparent-header .main-header-wrapper #main-menu ul.menu > li.menu-item-has-children:before { content: 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); background: #fff; } .two-color-header .main-header-wrapper:after { content: ""; position: absolute; top: 0px; right: -5%; width: 75%; height: 100%; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); } .two-color-header .menu-wrapper { position: relative; z-index: 1; } .two-color-header.header-on-slider .main-title-section-wrapper { padding: 50px 0; } .two-color-header.header-on-slider .menu-icons-wrapper .search a span, .two-color-header.header-on-slider .menu-icons-wrapper .cart a span { padding: 10px 0; } .two-color-header .main-header #main-menu .megamenu-child-container { top: 110px; } .two-color-header .main-header #main-menu ul.menu > li.menu-item-has-children:after { border: solid transparent; content: " "; content: ""; height: 0; width: 0; border-color: rgba(194, 225, 245, 0); border-width: 0; position: absolute; top: 99px; right: 0; left: 0; margin: 0px auto; display: block; z-index: 9999; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .two-color-header .main-header #main-menu ul.menu > li.menu-item-has-children:hover:after { border-width: 13px; top: 86px; } .two-color-header .main-header #main-menu ul.menu > li.menu-item-has-children:before { top: 102px; } .two-color-header .main-header #main-menu ul li.menu-item-simple-parent ul { top: 99px; } .two-color-header .sticky-wrapper.is-sticky #main-menu ul.menu > li.menu-item-has-children:after { content: none; } .two-color-header .sticky-wrapper.is-sticky #main-menu .megamenu-child-container { top: 70px; } .two-color-header .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul.sub-menu { border-top: none !important; } .two-color-header .sticky-wrapper.is-sticky #main-menu ul.menu > li.menu-item-has-children:before, .two-color-header .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul { top: 60px; } .two-color-header .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul ul { top: -20px; } .two-color-header .menu-icons-wrapper .search a span, .two-color-header .menu-icons-wrapper .cart a span, .menu-icons-wrapper .cart a span { padding: 10px 0; } .two-color-header.header-on-slider .sticky-wrapper { background: #fff; } .two-color-header.header-on-slider .sticky-wrapper.is-sticky #main-menu .megamenu-child-container { top: 70px; } .two-color-header.header-on-slider .sticky-wrapper.is-sticky #main-menu ul.menu > li.menu-item-has-children:before, .two-color-header.header-on-slider .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent > ul { top: 60px; } .two-color-header .menu-active-highlight-grey #main-menu ul.menu > li { padding: 10px 18px; } .two-color-header .main-header-wrapper { position: static; } .two-color-header .main-header #main-menu ul li.menu-item-simple-parent ul ul { top: -21px; } .two-color-header .main-header .is-sticky #main-menu ul li.menu-item-simple-parent ul ul { top: -20px; } .fullwidth-menu-header .menu-wrapper { width: 100%; clear: both; text-align: center; margin-left: 0px; float: left; } .fullwidth-menu-header .main-header-wrapper, .fullwidth-menu-header .main-header-wrapper #logo a img, .fullwidth-menu-header.header-on-slider .sticky-wrapper { position: relative; } .fullwidth-menu-header .main-header-wrapper .menu-active-highlight-grey #main-menu ul.menu > li { padding: 10px 20px 10px; display: inline-flex; } .fullwidth-menu-header.header-align-center #logo { margin-bottom: -30px; } .fullwidth-menu-header .main-header-wrapper { border-top: 1px solid #fff; margin-top: -1px; float: left; } .fullwidth-menu-header .is-sticky .main-header-wrapper { border-top: none; } .fullwidth-menu-header .main-header #main-menu .megamenu-child-container { top: 90px; } .fullwidth-menu-header .main-header #main-menu ul.menu > li.menu-item-has-children:after { border: solid transparent; content: ""; height: 0; width: 0; border-color: rgba(194, 225, 245, 0); border-width: 0; position: absolute; top: 79px; right: 0; left: 0; margin: 0px auto; display: block; z-index: 9999; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .fullwidth-menu-header .main-header #main-menu ul.menu > li.menu-item-has-children:hover:after { border-width: 13px; top: 66px; } .fullwidth-menu-header .main-header #main-menu ul.menu > li.menu-item-has-children:before { top: 81px; } .fullwidth-menu-header .main-header #main-menu ul li.menu-item-simple-parent ul { top: 79px; } .fullwidth-menu-header .sticky-wrapper.is-sticky #main-menu ul.menu > li.menu-item-has-children:after { content: none; } .fullwidth-menu-header .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul.sub-menu { border-top: none !important; } .fullwidth-menu-header.standard-header .sticky-wrapper.is-sticky #main-menu .megamenu-child-container { top: 70px; } .fullwidth-menu-header.standard-header .sticky-wrapper.is-sticky #main-menu ul.menu > li.menu-item-has-children:before { top: 61px; } .fullwidth-menu-header.standard-header .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul { top: 60px; } .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 .main-header #main-menu ul.menu > li.menu-item-has-children:after { content: none; } .header-align-center.fullwidth-menu-header .main-header #main-menu ul.menu > li.menu-item-has-children:before { top: 81px; } .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.fullwidth-menu-header .sticky-wrapper.is-sticky #main-menu .megamenu-child-container, .header-align-center.fullwidth-menu-header.header-on-slider .sticky-wrapper.is-sticky #main-menu .megamenu-child-container { top: 70px; } .header-align-center.fullwidth-menu-header .sticky-wrapper.is-sticky #main-menu ul.menu > li.menu-item-has-children::before, .header-align-center.fullwidth-menu-header .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul, .header-align-center.fullwidth-menu-header.header-on-slider .sticky-wrapper.is-sticky #main-menu ul.menu > li.menu-item-has-children:before, .header-align-center.fullwidth-menu-header.header-on-slider .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul { top: 60px; } .header-align-center.fullwidth-menu-header .sticky-wrapper.is-sticky #main-header-wrapper { border: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5); } .header-align-center.fullwidth-menu-header .sticky-wrapper.is-sticky #main-header-wrapper .main-header { border: none; } .header-align-center.fullwidth-menu-header .menu-wrapper { position: relative; width: 100%; float: left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; } .header-align-center.fullwidth-menu-header .menu-wrapper:before { position: absolute; content: ""; display: block; width: 100%; right: 0; left: 0; height: 1px; background: rgba(0, 0, 0, .15); top: 25px; } .header-align-center.fullwidth-menu-header .is-sticky .menu-wrapper:before { background: none; } .header-align-center .header-left, .header-right { width: 35%; } .header-align-center #logo { width: 30%; text-align: center; } .header-align-center .main-header-wrapper { padding-top: 30px; } .header-align-center .main-header #logo a { padding: 20px 0px; } .header-align-center .header-left { float: left; margin-top: 20px; } .header-align-center .header-right { float: right; text-align: right; margin-top: 20px; } .header-align-center.fullwidth-menu-header .main-header #main-menu ul li.menu-item-simple-parent ul ul { top: -21px; } .header-align-center.fullwidth-menu-header .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul ul { top: -20px; } .header-align-center .sticky-wrapper.is-sticky .main-header-wrapper { padding-top: 0; } .header-align-center .sticky-wrapper.is-sticky #logo { margin-top: 10px; } .header-align-center #slider { margin: 0; } .header-right .text-with-icon { line-height: normal; float: right; clear: both; margin: 4px 0; } .header-right .dt-sc-vertical-small-separator { height: 20px; top: 5px; position: relative; } .header-align-left .header-right { width: 75%; float: right; text-align: right; margin-top: 30px; } .header-align-left .menu-icons-wrapper .search a span, .header-align-left .menu-icons-wrapper .cart a span { line-height: 70px; padding: 10px 0; } .header-align-left .main-header #main-menu .megamenu-child-container { top: 110px; } .header-align-left .main-header #main-menu ul.menu > li.menu-item-has-children:after { border: solid transparent; content: " "; content: ""; height: 0; width: 0; border-color: rgba(194, 225, 245, 0); border-width: 0; position: absolute; top: 99px; right: 0; left: 0; margin: 0px auto; display: block; z-index: 9999; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .header-align-left .main-header #main-menu ul.menu > li.menu-item-has-children:hover:after { border-width: 13px; top: 86px; } .header-align-left .main-header #main-menu ul.menu > li.menu-item-has-children:before { top: 102px; } .header-align-left .main-header #main-menu ul li.menu-item-simple-parent ul { top: 99px; } .header-align-left .sticky-wrapper.is-sticky #main-menu ul.menu > li.menu-item-has-children:after { content: none; } .header-align-left .sticky-wrapper.is-sticky #main-menu .megamenu-child-container { top: 70px; } .header-align-left .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul.sub-menu { border-top: none !important; } .header-align-left .sticky-wrapper.is-sticky #main-menu ul.menu > li.menu-item-has-children:before { top: 61px; } .header-align-left .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul { top: 60px; } .header-align-left.fullwidth-menu-header.standard-header .sticky-wrapper.is-sticky #main-menu .megamenu-child-container { top: 70px; } .header-align-left.fullwidth-menu-header.standard-header .sticky-wrapper.is-sticky #main-menu ul.menu > li.menu-item-has-children:before, .header-align-left.fullwidth-menu-header.standard-header .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent > ul { top: 60px; } .header-align-left.fullwidth-menu-header.standard-header .sticky-wrapper.is-sticky #main-menu ul li.menu-item-simple-parent ul ul { top: -20px; } .header-align-left .menu-icons-wrapper .search, .header-align-left .menu-icons-wrapper .cart { margin-right: 20px; } .header-align-left .sticky-wrapper.is-sticky .menu-icons-wrapper { position: absolute; right: 20px; } .header-align-left .main-header #main-menu ul li.menu-item-simple-parent ul ul { top: -21px; } .header-align-left .main-header .is-sticky #main-menu ul li.menu-item-simple-parent ul ul { top: -20px; } .left-header #logo a img { position: static; } .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: ""; 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; height: 20px; line-height: 20px; } .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 50px; width: auto; display: inline-block; position: relative; margin: 0px; } .cart-info p { margin: 0px; } .cart-info:before { content: ""; position: absolute; font-family: "Stroke-Gap-Icons"; font-size: 20px; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .cart-icon span { font-size: 14px; line-height: 30px; display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; position: absolute; right: -15px; top: -15px; border: 5px solid #fff; } .cart-total { font-size: 14px; display: inline-block; margin: 0px 0px 0px 20px; letter-spacing: .5px; } #logo { float: left; padding: 0px; margin: 0px; pointer-events: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, #logo { height: auto; width: 153px; } } #logo a { display: inline-block; height: 70px; line-height: 70px; overflow: hidden; padding: 10px 0px; pointer-events: painted; } #logo a img { position: absolute; top: 44%; -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; } .header-align-center .main-header #logo a { padding: 0; } .left-header #logo .logo-title { padding: 0 20px; } .menu-icons-wrapper { /* float: right; */ margin: 0px 0px 0px 10px; padding: 0; } .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; */ padding: 0; } .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: -25px; 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: #fff; border-radius: 50%; position: relative; top: -8px; left: -9px; display: inline-block; } .main-header .menu-icons-wrapper #searchform { margin: 0px; } /* Menu Active Style */ .menu-wrapper { /* float: right; */ display: inline-flex; align-items: center; 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: normal; font-size: 14px; text-transform: uppercase; letter-spacing: .5px; } .menu-active-highlight-grey #main-menu ul.menu > li { padding: 15px 20px; } .menu-active-highlight-grey #main-menu ul.menu > li > a, .menu-active-highlight-grey #main-menu ul.menu > li > span.nolink-menu { padding: 0px; position: relative; letter-spacing: 0; } .header-on-slider .sticky-wrapper.is-sticky .menu-active-highlight-grey #main-menu ul.menu > li, .sticky-header.page-with-slider .is-sticky .menu-active-highlight-grey #main-menu ul.menu > li, .transparent-header.header-on-slider .is-sticky .menu-active-highlight-grey #main-menu ul.menu > li { padding: 0 20px; display: inline-flex; } .header-on-slider .sticky-wrapper.is-sticky .menu-icons-wrapper .search a span, .header-on-slider .sticky-wrapper.is-sticky .menu-icons-wrapper .cart a span, .sticky-header.page-with-slider .is-sticky .menu-icons-wrapper .search a span, .sticky-header.page-with-slider .is-sticky .menu-icons-wrapper .cart a span { padding: 0; } .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: 20px; 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: 14px; 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: -9px; border-top: 12px solid; border-left: 20px solid transparent; border-right: 20px solid transparent; margin: 0 auto; right: 0; } @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 { background: none; } .overlay-header .menu-with-slanting-splitter #main-menu ul.menu > li:before { bottom: 27px; top: auto; height: 1px; width: 25px; right: 0; left: 0; transform: none; } /* Left Header */ html { 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%; } .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: 30px 0px; text-align: center; } .left-header #logo a { padding: 30px 0; } .left-header #main-menu ul.menu > li, .left-header #main-menu ul.menu > li > a { width: 100%; box-sizing: border-box; padding: 0; } .left-header #main-menu > ul.menu > li > a, .left-header #main-menu > ul.menu > li > span.nolink-menu { font-size: 16px; font-weight: bold; line-height: normal; padding: 16px 25px 15px; width: 100%; } .left-header #header-wrapper .main-header-wrapper { -webkit-box-shadow: 2px 0px 5px 0px rgba(77, 77, 77, .2); -moz-box-shadow: 2px 0px 5px 0px rgba(77, 77, 77, .2); box-shadow: 2px 0px 5px 0px rgba(77, 77, 77, .2); } .left-header #header-wrapper #main-menu .megamenu-child-container { padding: 0; } .left-header #main-menu ul.menu > li.menu-item-has-children:before { left: auto; right: -1px; top: 15px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 0px solid #fff; } .left-header #main-menu ul.menu > li.menu-item-has-children:hover:before { border-right: 10px solid #fff; } .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: 0px 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 { 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: 250px; top: -2px; } .left-header #main-menu ul li.menu-item-simple-parent ul { left: 260px; top: -12px; } .left-header #main-menu ul li.menu-item-simple-parent ul ul { top: -21px; left: 258px; } .left-header #main-menu ul li.menu-item-simple-parent ul li { padding: 0 30px; } .left-header #main-menu ul.menu > li:nth-child(7) .megamenu-child-container, .left-header #main-menu ul.menu > li:nth-child(8) .megamenu-child-container, .left-header #main-menu ul.menu > li:last-child .megamenu-child-container { left: 250px; bottom: 0px; top: auto; } .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: ""; font-family: "FontAwesome"; position: absolute; color: #fff; line-height: 45px; font-size: 24px; text-align: center; left: 0; right: 0; } .left-header #toggle-sidebar.close-icon:before { content: ""; } /* 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; } /* Overlay Menu */ .overlay-header .overlay nav { text-align: center; position: relative; top: 50%; height: 100%; 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: 12.5%; height: calc(100% / 8); min-height: 40px; } .overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity .5s, visibility 0s .5s; transition: opacity .5s, visibility 0s .5s; } .overlay-hugeinc.open { opacity: 1; visibility: visible; -webkit-transition: opacity .5s; transition: opacity .5s; } .overlay-hugeinc nav { -webkit-perspective: 1200px; perspective: 1200px; } .overlay-hugeinc nav ul { opacity: .4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform .5s, opacity .5s; transition: transform .5s, opacity .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 .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: ""; font-family: "FontAwesome"; position: absolute; color: #fff; line-height: 45px; font-size: 24px; text-align: center; left: 0; right: 0; } .overlay-header .overlay .overlay-close:before { content: ""; font-family: "FontAwesome"; position: absolute; color: #fff; line-height: 45px; font-size: 24px; text-align: center; left: 0; right: 0; } .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%; padding: 15px 0; } .overlay-header .overlay #main-menu > ul.menu > li > a, .overlay-header .overlay #main-menu > ul.menu > li > span.nolink-menu { font-size: 20px; line-height: normal; color: #fff; 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: #fff !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; } .overlay-header .overlay #main-menu > ul > li a:before, .overlay-header .overlay #main-menu > ul > li a:after { position: absolute; top: 50%; left: 0; right: 0; margin: 0px auto; width: 10%; height: 1px; background: #fff; content: ""; opacity: 0; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; -webkit-transform: scale(.35) translateY(-50%); -moz-transform: scale(.35) translateY(-50%); transform: scale(.35) translateY(-50%); } .overlay-header .overlay #main-menu > ul > li a:after, .overlay-header .overlay #main-menu > ul > li a:before { opacity: 0; -webkit-transition: top .3s, opacity .3s, -webkit-transform .3s; -moz-transition: top .3s, opacity .3s, -moz-transform .3s; transition: top .3s, opacity .3s, transform .3s; } .overlay-header .overlay #main-menu > ul > li a:hover:before, .overlay-header .overlay #main-menu > ul > li a:hover:after, .overlay-header .overlay #main-menu > ul > li a:focus:before, .overlay-header .overlay #main-menu > ul > li a:focus:after, .overlay-header .overlay #main-menu > ul > li.current_page_item a:before, .overlay-header .overlay #main-menu > ul > li.current_page_item a:after { -webkit-transform: scale(.65); -moz-transform: scale(.65); transform: scale(.65); width: 50%; opacity: 1; } .overlay-header .overlay #main-menu > ul > li a:hover:after, .overlay-header .overlay #main-menu > ul > li a:focus:after, .overlay-header .overlay #main-menu > ul > li.current_page_item a:after { top: -30%; opacity: 1; } .overlay-header .overlay #main-menu > ul > li a:hover:before, .overlay-header .overlay #main-menu > ul > li a:focus:before, .overlay-header .overlay #main-menu > ul > li.current_page_item a:before { top: 125%; } .overlay-header .overlay #main-menu ul.menu > li.menu-item-has-children:before, .overlay-header .overlay #main-menu ul.menu > li.menu-item-has-children:after { display: none; } #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: #fff; float: left; left: 0; padding: 10px 0; position: absolute; top: 116px; width: 260px; box-shadow: 0 0 3px rgba(0, 0, 0, .1); z-index: 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: #000; 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: 10px; top: -20px; } .is-sticky #main-menu ul li ul.children { top: 98px; } .is-sticky #main-menu ul li ul.children ul.children { top: -20px; } .is-sticky #main-menu ul.menu > li.page_item_has_children:before { top: 98px; } /* Menu Colors */ #main-menu ul.menu > li > a, #main-menu ul.menu > li > span.nolink-menu { color: #000; } .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: #000; } .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: #fff; } .menu-with-small-splitter #main-menu ul.menu > li:before { background: rgba(0, 0, 0, .1); } .menu-with-slanting-splitter #main-menu ul.menu > li:before { background: rgba(0, 0, 0, .8); } /*----*****---- << Sticky Header >> ----*****----*/ .sticky-wrapper { width: 100%; z-index: 9999; float: left; position: relative; } .sticky-wrapper .main-header-wrapper { z-index: 9999; } .sticky-wrapper.is-sticky { z-index: 999999; } .header-align-center.fullwidth-menu-header .is-sticky .menu-wrapper { left: 0px; } .two-color-header.header-on-slider .sticky-wrapper.is-sticky { z-index: 99999; } .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; } .is-sticky #logo a { height: 50px; } .is-sticky #logo a img { max-height: 100%; width: auto; height: auto; max-width: 100%; top: 45%; } .is-sticky #main-menu ul.menu > li > a { line-height: 90px; } /* .is-sticky .menu-icons-wrapper { height:50px; padding:18px 0px; } */ .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; } .boxed-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 ul.menu > li:before { bottom: -2px; } .is-sticky #main-menu .megamenu-child-container { top: 71px; } .is-sticky #main-menu ul li.menu-item-simple-parent ul { top: 60px; } .is-sticky #main-menu ul.menu > li.menu-item-has-children:before { top: 61px; } .is-sticky #main-menu ul.menu > li.menu-item-has-children:after { top: 45px; } .is-sticky #main-menu ul li.menu-item-simple-parent ul li ul { top: -21px; } .is-sticky #main-menu ul.menu > li > .megamenu-child-container { border-top: 0; } .is-sticky #main-menu ul.menu > li.menu-item-has-children:hover:before { opacity: 1; } .transparent-header #main-menu ul.menu > li.menu-item-has-children:after { content: none; } /****** Simple Drop Down Menu *****/ #main-menu ul.menu > li { position: relative; } #main-menu ul.menu > li.menu-item-has-children:before, #main-menu ul.menu > li.page_item_has_children:before { position: absolute; top: 122px; right: 0; left: 0; margin: 0px auto; content: ""; display: block; width: 0; height: 0; border-left: 0 solid transparent; border-right: 0 solid transparent; border-bottom: 10px solid #fff; z-index: 10000; } #main-menu ul.menu > li.menu-item-has-children:hover:before, #main-menu ul.menu > li.page_item_has_children:hover:before { border-left: 12px solid transparent; border-right: 12px solid transparent; } #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: #fff; padding: 10px 0px 10px; position: absolute; top: 121px; 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, #main-menu ul li.menu-item-simple-parent ul li span.nolink-menu { color: #000; position: relative; padding: 0px; font-size: 16px; line-height: 40px; 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: 257px; top: -21px; } #main-menu ul li.menu-item-simple-parent ul li a .fa { margin-right: 10px; position: relative; top: -1px; } /****** Mega Menu *****/ #main-menu ul.menu > li > .megamenu-child-container, #main-menu ul li.menu-item-simple-parent ul.sub-menu { display: none; z-index: 9999; webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1); border: 1px solid; } #main-menu .megamenu-child-container { background: #fff; padding: 10px 0px 0px; position: absolute; top: 126px; left: 0px; float: left; margin-left: 10px; } #main-menu ul li.menu-item-simple-parent ul li.menu-item-has-children:before { width: 0; height: 0; content: ""; font-family: FontAwesome; position: absolute; right: 30px; top: 5px; display: block; } #main-menu ul li.menu-item-simple-parent ul li.menu-item-has-children:hover:before { right: 20px; } #main-menu ul.menu > li > .megamenu-child-container:before { position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } #main-menu ul.menu > li > .megamenu-child-container:after { position: absolute; content: ""; display: block; width: 100%; height: 100%; right: 0; bottom: 0; z-index: -1; } #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: 579px; } #main-menu .megamenu-3-columns-group .megamenu-child-container, #main-menu .megamenu-child-container > ul.sub-menu > li.fill-three-columns { width: 869px; } #main-menu .megamenu-4-columns-group .megamenu-child-container, #main-menu .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width: 1159px; } #main-menu .megamenu-child-container > ul.sub-menu > li { width: 289px; padding: 0 30px; 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: 579px; } #main-menu .megamenu-3-columns-group .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width: 869px; } #main-menu .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget { width: 544px; } #main-menu .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget { width: 355px; } #main-menu .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget { width: 399px; } #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: 281px; } #main-menu .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget { width: 279px; } #main-menu .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget { width: 274px; } #main-menu .megamenu-child-container > ul.sub-menu { padding: 40px 0px 60px; margin: 0px; text-align: left; float: left; } #main-menu .megamenu-child-container > ul.sub-menu > li > a, #main-menu .megamenu-child-container > ul.sub-menu > li > .nolink-menu { color: #000; text-transform: capitalize; font-weight: 600; font-size: 18px; padding: 0px; margin-bottom: 30px; display: block; } #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 > 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, #main-menu .megamenu-child-container ul.sub-menu > li > ul li span.nolink-menu { color: #000; position: relative; padding: 0; font-size: 16px; line-height: 40px; 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 { 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%; } /****** 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: #000; } #main-menu .menu-item-widget-area-container .tagcloud a:hover { color: #fff; } #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, .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; } /****** Mobile Menu *****/ .dt-menu-toggle { display: none; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 10px 15px; cursor: pointer; position: relative; z-index: 1; } .dt-menu-toggle-icon { background: #4d4d4d; 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: #4d4d4d; height: 2px; width: 20px; left: 0px; top: -5px; } .dt-menu-toggle-icon:after { top: 5px; } #main-menu ul.menu li a.dt-menu-expand { font-family: FontAwesome; font-weight: normal; font-size: 20px; display: none; position: absolute; right: 0px; top: 0px; cursor: pointer; border: none !important; padding: 0px !important; text-align: center; margin: auto; width: 38px; height: 38px; line-height: 38px; } .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 .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .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, .1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1); box-shadow: 0px 0px 10px 0px rgba(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: #fff; 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: ""; } #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: ""; } #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: ""; 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; } /* Top Search Box */ #header form#searchform { z-index: 9; } #header form#searchform.dt-searchform { clear: both; height: 0; left: 0; margin: 0; overflow: hidden; position: absolute !important; top: 0; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 1000000; } #header form#searchform .container { position: relative; } #header form#searchform .container input.text_input { width: 100%; float: left; border: 1px solid transparent; height: 50px; padding: 10px 0 10px 10px; } #header form#searchform .container input.text_input:active, #header form#searchform .container input.text_input:focus { border: 1px solid var(--wdtPrimaryColor); } #header form#searchform .container input[type="submit"] { position: absolute; right: 0; margin: 0; height: 50px; width: 50px; padding: 0; } #header form#searchform .container .dt_search_close { position: absolute; right: -20px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 100%; line-height: 50px; } .dt_search_close { display: none; } #header form#searchform .dt_search_close { display: block; } .dt_search_close a:hover { color: var(--wdtSecondaryColor); } /*----*****---- << 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-default #slider { margin-bottom: 0; } /*----*****---- << Title & Breadcrumb >> ----*****----*/ .main-title-section-wrapper { float: left; width: 100%; margin: 0px 0px 100px; padding: 40px 0px 54px; clear: both; background: rgba(0, 0, 0, .05); } .header-on-slider .main-title-section-wrapper { padding-top: 172px; position: relative; } .header-on-slider .main-title-section-wrapper:before { position: absolute; content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; } .header-on-slider .main-title-section-wrapper.no-breadcrumb { padding: 120px 0px 10px; } .fullwidth-menu-header .main-title-section-wrapper, .left-header .main-title-section-wrapper, .overlay-header.header-on-slider .main-title-section-wrapper { padding: 50px 0; } .boxed-header.header-on-slider .main-title-section-wrapper { padding-top: 172px; padding-bottom: 30px; text-align: center; } .boxed-header .breadcrumb:before, .split-header .breadcrumb:before, .fullwidth-menu-header .breadcrumb:before, .two-color-header .breadcrumb:before, .left-header .breadcrumb:before, .overlay-header.header-on-slider .main-title-section-wrapper .breadcrumb:before { content: none; } .main-title-section { float: left; width: 100%; margin: 0px; padding: 0px; position: relative; } .main-title-section h1 { font-size: 30px; font-weight: 700; color: #000; text-transform: uppercase; margin-bottom: 0; word-break: break-word; } .breadcrumb { clear: both; float: left; width: 100%; margin: 0px; padding: 0px; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, .6); position: relative; word-break: break-word; } /* .breadcrumb:before { display: block; content: ""; position: absolute; top: -46px; height: 1px; width: 100%; background: #fff; } */ .breadcrumb a { color: #000; } .breadcrumb .fa { display: inline-block; margin: 0px 4px; padding: 0px; } .breadcrumb span.current { color: rgba(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: #000; top: 3px; position: relative; margin: 0px 5px 0px 10px; } .main-title-section.aligncenter { text-align: center; } .main-title-section.alignright { text-align: right; } .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; } /*----*****---- << 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: .5px; border: 3px double; margin: 0px 10px 20px; display: inline-block; position: relative; } .dt-sc-portfolio-sorting.type1 a.active-sort, .dt-sc-portfolio-sorting.type1 a:hover { border-style: solid; } .dt-sc-portfolio-sorting.type1 a:before { position: absolute; bottom: -8px; right: 0; left: 0; margin: 0px auto; content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid; opacity: 0; visibility: hidden; z-index: -1; } .dt-sc-portfolio-sorting.type1 a.active-sort:before, .dt-sc-portfolio-sorting.type1 a:hover:before { bottom: -10px; opacity: 1; visibility: visible; } .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 .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .portfolio .image-overlay .links { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; right: 0; margin: 0px auto; text-align: center; } .portfolio .image-overlay .links a { display: inline-block; font-size: 20px; position: relative; bottom: 100%; z-index: 2; text-align: center; width: 51px; height: 28.87px; border-left: solid 1px #fff; border-right: solid 1px #fff; } .portfolio .image-overlay .links a span { line-height: 28.87px; } .portfolio .image-overlay .links a:hover { background: #fff; } .portfolio .image-overlay .links a:hover span { color: #fff; } .portfolio .image-overlay .links a:before, .portfolio .image-overlay .links a:after { content: ""; position: absolute; z-index: -1; width: 35.36px; height: 35.36px; -webkit-transform: scaleY(.5774) rotate(-45deg); -ms-transform: scaleY(.5774) rotate(-45deg); transform: scaleY(.5774) rotate(-45deg); background-color: none; left: 6.18px; } .portfolio .image-overlay .links a:before { top: -17.6777px; border-top: solid 1.4142px #fff; border-right: solid 1.4142px #fff; } .portfolio .image-overlay .links a:after { bottom: -17.6777px; border-bottom: solid 1.4142px #fff; border-left: solid 1.4142px #fff; } .portfolio .image-overlay .links a:hover:before, .portfolio .image-overlay .links a:hover:after { background-color: #fff; } .portfolio .image-overlay .links:after, .portfolio .image-overlay .links:before { content: ""; position: absolute; z-index: 1; width: 100%; margin: 0; height: 0; right: 0; left: 0; } .portfolio .image-overlay .links:before { bottom: 0; } .portfolio .image-overlay .links:after { top: 0; } .portfolio:hover .image-overlay .links:after, .portfolio:hover .image-overlay .links:before { height: 50%; } .portfolio:hover .image-overlay .links a { bottom: 0px; } .portfolio .image-overlay-details { position: absolute; bottom: -100%; text-align: center; box-sizing: border-box; padding: 0px 20px; z-index: 2; width: 100%; } .portfolio .image-overlay-details .categories { margin-bottom: 0px; } .portfolio .image-overlay-details .categories a { letter-spacing: .5px; } .portfolio .image-overlay h2 { font-weight: 300; margin-bottom: 0px; padding: 0px; } .portfolio .image-overlay h2 a:before { content: ""; position: absolute; z-index: 1; width: 50px; margin: 0; margin: 0px auto; height: 2px; background: #fff; bottom: 38px; right: 0; left: 0; } .portfolio .image-overlay h2 a:after { position: absolute; bottom: 35px; right: 0; left: 0; margin: 0px auto; content: ""; display: block; width: 0; height: 0; opacity: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; } .portfolio .image-overlay h2 a:hover:before { width: 40px; } .portfolio .image-overlay h2 a:hover:after { opacity: 1; bottom: 40px; } .portfolio:hover .image-overlay-details { bottom: 50px; } .portfolio:hover .image-overlay { opacity: 1; } .isotope-hidden { display: none !important; } .hidden { display: none; } .isotope, .isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .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; } .portfolio.type4 { padding: 2px; } .portfolio.type4 .image-overlay .links:before, .portfolio.type4 .image-overlay .links:after { content: none; } .portfolio.type4 .image-overlay .links { left: 0px; right: 0px; margin: 0px auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .portfolio.type4 .image-overlay .links a { margin: 0px 5px; border-radius: 0px; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .portfolio.type4 .image-overlay .links a:hover { color: #000; } .portfolio.type4 .image-overlay .links a, .portfolio.type4 .image-overlay .links a:before, .portfolio.type4 .image-overlay .links a:after { background: #fff; } .portfolio.type4 .image-overlay .links a:before { top: -18.6777px; } .portfolio.type4 .image-overlay .links a:after { bottom: -18.6777px; } @-moz-document url-prefix() { .portfolio.type4 .image-overlay .links a:before { top: -17.6777px; } } .portfolio.type4 .image-overlay .links a:first-child { transform-origin: 0%; left: 0; } .portfolio.type4 .image-overlay .links a:last-child { transform-origin: 0%; right: 0; } .portfolio.type4:hover .image-overlay .links a:first-child { left: 30%; } .portfolio.type4:hover .image-overlay .links a:last-child { right: 30%; } .portfolio.type4:hover .image-overlay .links a:first-child, .portfolio.type4:hover .image-overlay .links a:last-child { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease; } .portfolio.type5 .image-overlay-details { left: 0px; bottom: -100px; right: inherit; width: 100%; background: rgba(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: 118px; 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 .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease; } .dt-sc-portfolio-sorting.type5 a { border-color: #eee; border-radius: 5px; } .dt-sc-portfolio-sorting.type9 { margin-bottom: 40px; } .dt-sc-portfolio-sorting.type9 a { background: #fff; text-transform: capitalize; border: none; font-size: 18px; color: #6e4d27; font-weight: normal; letter-spacing: 1px; margin: 0px 5px 20px; position: relative; } .dt-sc-portfolio-sorting.type9 a:before { content: ""; display: block; top: 0; bottom: auto; left: 0; right: 0; margin: 0px auto; position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #fff transparent transparent transparent; } .dt-sc-portfolio-sorting.type9 a:after { content: ""; display: block; top: auto; bottom: 0; left: 0; right: 0; margin: 0px auto; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #fff transparent; } .portfolio.type9 .image-overlay .links:after, .portfolio.type9 .image-overlay .links:before { content: ""; position: absolute; z-index: 1; width: 0; margin: 0; height: 100%; top: 0; bottom: auto; } .portfolio.type9 .image-overlay .links:after { left: 0; right: auto; } .portfolio.type9 .image-overlay .links:before { right: 0; left: auto; } .portfolio.type9 .image-overlay .links a { width: 80px; height: 80px; background: #fff; line-height: 80px; border-radius: 50%; } .portfolio.type9 .image-overlay .links a span { width: auto; -webkit-transform: rotate(-90deg) scale(.5); -moz-transform: rotate(-90deg) scale(.5); -ms-transform: rotate(-90deg) scale(.5); transform: rotate(-90deg) scale(.5); font-size: 80px; line-height: 80px; } .portfolio.type9 .image-overlay .links a { -webkit-box-shadow: inset 0px 0px 0px 5px #fff; -moz-box-shadow: inset 0px 0px 0px 5px #fff; box-shadow: inset 0px 0px 0px 5px #fff; } /*.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:hover .image-overlay .links:after, .portfolio.type9:hover .image-overlay .links:before { width: 50%; } .portfolio.type9:hover .image-overlay .links a { top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .portfolio.type9:hover .image-overlay .links a span { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .portfolio.type9 .image-overlay .links a { top: 50%; bottom: auto; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; right: 0; left: 0; margin: 0px auto; } .portfolio.type9 .image-overlay .links a:hover { color: #fff; } .portfolio.type9 .image-overlay .links a, .portfolio.type9 .image-overlay .links a:before, .portfolio.type9 .image-overlay .links a:after { border: none; } .portfolio.type9 .image-overlay .links a:hover, .portfolio.type9 .image-overlay .links a:hover:before, .portfolio.type9 .image-overlay .links a:hover:after { background: none; } /* Portfolio Columns */ .dt-sc-portfolio-container .portfolio { margin-left: 0px; margin-right: 0px; overflow: hidden; } .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 .image-overlay h2 { font-size: 20px; float: left; width: 100%; text-transform: capitalize; padding-bottom: 20px; } .portfolio.type1.dt-sc-one-half .image-overlay .links a, .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, .page-template .portfolio.type1.dt-sc-one-third .image-overlay .links a, .page-template .portfolio.type1.dt-sc-one-fourth .image-overlay .links a, .related-portfolios .portfolio.type1.dt-sc-one-third .image-overlay .links a { text-align: center; right: 0; left: 0; margin: 80px auto 0; } .portfolio.type1.dt-sc-one-half .image-overlay .links a:last-child, .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, .page-template .portfolio.type1.dt-sc-one-third .image-overlay .links a:last-child, .page-template .portfolio.type1.dt-sc-one-fourth .image-overlay .links a:last-child, .page-with-sidebar .related-portfolios .portfolio.type1.dt-sc-one-third .image-overlay .links a:last-child { margin-left: 5px; } .related-portfolios .portfolio.type1.dt-sc-one-third .image-overlay .links a:last-child { margin-left: 15px; } .portfolio.type1.dt-sc-one-fourth .image-overlay .links a, .page-with-sidebar .portfolio.type1.dt-sc-one-third .image-overlay .links a, .page-with-sidebar.with-both-sidebar .portfolio.type1.dt-sc-one-half .image-overlay .links a { transform: scale(.8); -moz-transform: scale(.8); -webkit-transform: scale(.8); -ms-transform: scale(.8); margin: 40px auto 0; } .page-with-sidebar.with-both-sidebar .portfolio .image-overlay .categories a { font-size: 14px; } .with-both-sidebar .portfolio.type1 .image-overlay h2 { font-size: 16px; } .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: 14px; line-height: 20px; } .page-with-sidebar .portfolio.type1.dt-sc-one-third .image-overlay-details .categories a, .page-template-tpl-portfolio .portfolio.type1.dt-sc-one-fourth .image-overlay-details .categories a { font-size: 12px; } .page-with-sidebar .portfolio.type1.dt-sc-one-third .image-overlay h2:before, .page-template-tpl-portfolio .portfolio.type1.dt-sc-one-fourth .image-overlay h2:before { bottom: 35px; } .page-with-sidebar .portfolio.type1.dt-sc-one-third .image-overlay h2:hover:after, .page-template-tpl-portfolio .portfolio.type1.dt-sc-one-fourth .image-overlay h2:hover:after { bottom: 37px; } .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 { margin: 30px auto 0; } .page-with-sidebar .portfolio.type1.dt-sc-one-fourth .image-overlay h2 { padding-bottom: 20px; } .page-with-sidebar .portfolio.type1.dt-sc-one-fourth .image-overlay-details .categories { margin-bottom: 5px; } .page-with-sidebar .portfolio.type1.dt-sc-one-fourth:hover .image-overlay-details { bottom: 0px; } /* Type 2 */ .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; } /* 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; text-transform: capitalize; } .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-details .dt-sc-three-fourth { padding-right: 40px; } .portfolio-categories, .portfolio-tags { float: left; clear: both; width: 100%; margin: 0px; padding: 0px; } .portfolio-categories a, .portfolio-tags a { font-size: 14px; } .portfolio-categories i, .portfolio-tags i { font-size: 20px; 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; width: 100%; } .project-details li span { font-weight: bold; width: 78px; display: inline-block; color: #000; } .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: 50%; border-top: 3px double; width: 100%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .post-nav-container .post-next-link a, .post-nav-container .post-prev-link a { background: #fff; font-size: 13px; font-weight: 600; padding: 6px 15px 5px; text-transform: uppercase; letter-spacing: .5px; border: 3px double; margin: 0px 20px 0px 0px; display: inline-block; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -o-transition: all .3s; -ms-transition: all .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 { 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: #fff; } .dt-portfolio-single-slider-wrapper .bx-wrapper { position: relative; overflow: hidden; } .dt-portfolio-single-slider-wrapper .bx-controls a { top: 0px; bottom: 0px; margin: auto; position: absolute; color: #fff; width: 35px; height: 50px; font-size: 0; opacity: .6; filter: alpha(opacity=60); background: #fff; } .dt-portfolio-single-slider-wrapper .bx-controls a:hover { opacity: 1; filter: alpha(opacity=100); } .dt-portfolio-single-slider-wrapper .bx-controls a.bx-prev:before, .dt-portfolio-single-slider-wrapper .bx-controls a.bx-next:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; text-align: center; line-height: 50px; font-size: 32px; font-family: Pe-icon-7-stroke; color: #fff; } .dt-portfolio-single-slider-wrapper .bx-controls a.bx-prev:before { content: ""; } .dt-portfolio-single-slider-wrapper .bx-controls a.bx-prev { -webkit-transform-origin: 80% 40%; -moz-transform-origin: 80% 40%; -o-transform-origin: 80% 40%; -ms-transform-origin: 80% 40%; transform-origin: 80% 40%; left: -35px; opacity: 0; visibility: hidden; } .dt-portfolio-single-slider-wrapper .bx-controls a.bx-next { -webkit-transform-origin: 20% 100%; -moz-transform-origin: 20% 100%; -o-transform-origin: 20% 100%; -ms-transform-origin: 20% 100%; transform-origin: 20% 100%; right: -35px; opacity: 0; visibility: hidden; } .dt-portfolio-single-slider-wrapper:hover .bx-controls a.bx-prev { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); opacity: 1; visibility: visible; left: -15px; } .dt-portfolio-single-slider-wrapper:hover .bx-controls a.bx-next { transform: rotate3d(0, 1, 0, -180deg); -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); opacity: 1; visibility: visible; right: -15px; } .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 { padding: 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; text-transform: capitalize; } /* Before After Gallery */ .ba-outside .slide-pre, .ba-outside .slide-nex { width: 35px !important; height: 35px !important; background: #fff !important; backface-visibility: hidden; } .baslider-main .ba-outside a.bx-next, .baslider-main .ba-outside a.bx-prev { padding: 16px !important; } .beforeAfterSlidebar .topImage { box-shadow: none !important; } .ba-outside { text-align: center; } .ba-outside span { transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .baslider-main .ba-outside .slide-pre, .baslider-main .ba-outside .slide-nex { float: none !important; display: inline-block; } .baslider-main .ba-outside .slide-pre, .baslider-main .ba-outside .slide-nex { margin: 0 0 0 10px !important; opacity: 1 !important; top: 25px !important; } .baslider-main .ba-outside .slide-pre a:before, .baslider-main .ba-outside .slide-nex a:before { position: absolute; left: 0px; width: 100%; height: 100%; text-align: center; font-size: 18px; vertical-align: middle; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } .ba-outside .slide-pre a:before { content: ""; } .ba-outside .slide-nex a:before { content: ""; } .ba-outside .slide-pre:hover a:before, .ba-outside .slide-nex:hover a:before { color: #fff; } /*----*****---- << Blog >> ----*****----*/ .blog-entry { float: left; clear: both; margin: 0px; padding: 0px; position: relative; width: 100%; overflow: hidden; text-align: center; border: 1px solid; } .blog-entry.with-border { box-sizing: border-box; border: 20px solid; } .blog-entry.sticky { background: #f9f9f9; } .blog-entry .entry-thumb { float: left; margin: 0px; width: 100%; position: relative; line-height: 0px; } .blog-entry .entry-thumb img { max-width: 100%; height: auto; } .blog-entry .entry-format a:before { position: absolute; left: 0px; right: 0; top: 0px; text-align: center; font-family: Stroke-Gap-Icons; font-size: 24px; line-height: 45px; z-index: 9; margin-left: 40px; } .blog-entry .entry-format { text-align: right; position: absolute; left: -39px; top: -19px; width: 80px; height: 45px; margin: 43.3px 0; border-left: solid 3px; border-right: solid 3px; display: inline-block; } .blog-entry .entry-format:before, .blog-entry .entry-format:after { content: ""; position: absolute; z-index: 1; width: 53px; height: 53px; -webkit-transform: scaleY(.5774) rotate(-45deg); -ms-transform: scaleY(.5774) rotate(-45deg); transform: scaleY(.5774) rotate(-45deg); background-color: inherit; left: 8.038px; transition: none; -webkit-transition: none; -ms-transition: none; } .blog-entry .entry-format:before { top: -28.962px; border-top: solid 4.243px; border-right: solid 4.2426px; } .blog-entry .entry-format:after { bottom: -28.962px; border-bottom: solid 4.2426px; border-left: solid 4.2426px; } .blog-entry:hover .entry-format { left: 0px; top: 10px; transform: scale(.8); -moz-transform: scale(.8); -webkit-transform: scale(.8); -ms-transform: scale(.8); margin: 10px 0; } .blog-entry:hover .entry-format a:before { margin-left: 0; } .blog-entry .entry-thumb .dt-video-wrap .wp-video { margin: 0px auto; } .blog-entry.format-standard .entry-format a:before { content: ""; } .blog-entry.format-image .entry-format a:before { content: ""; } .blog-entry.format-gallery .entry-format a:before { content: ""; } .blog-entry.format-status .entry-format a:before { content: ""; } .blog-entry.format-link .entry-format a:before { content: ""; } .blog-entry.format-aside .entry-format a:before { content: ""; } .blog-entry.format-quote .entry-format a:before { content: ""; } .blog-entry.format-video .entry-format a:before { content: ""; } .blog-entry.format-chat .entry-format a:before { content: ""; } .blog-entry.format-audio .entry-format a:before { content: ""; } .blog-entry .entry-details { clear: both; display: inline-block; width: 100%; box-sizing: border-box; margin: 20px 0 0; } .blog-entry.single .entry-details .entry-meta-data { content: none; border: none; } .blog-entry .entry-meta { font-size: 14px; font-weight: 300; letter-spacing: .5px; margin-bottom: 7px; } .blog-entry .entry-title h4 { text-transform: inherit; margin-bottom: 10px; font-weight: bold; word-break: break-word; } .blog-entry .entry-body { margin: 10px 0px 5px; float: left; clear: both; width: 100%; } .blog-entry .entry-meta, .blog-entry .entry-title, .blog-entry .entry-body, .blog-entry .entry-meta-data { padding: 0 20px; } .blog-entry .entry-details .dt-sc-button { margin-bottom: 35px; margin-top: 15px; } /* Type1 */ .blog-entry.blog-medium-style { overflow: visible; width: 99.5%; border: none; } .blog-entry.blog-medium-style .entry-thumb { width: 50%; margin: 0px; margin-right: 4%; } .blog-entry.blog-medium-style .entry-details { float: left; width: 46%; box-sizing: border-box; padding: 10px 30px 10px 0; clear: none; text-align: left; margin: 0; } .blog-entry.blog-medium-style .dt-sc-button { margin-bottom: 20px; } .blog-entry.blog-medium-style .entry-title, .blog-entry.blog-medium-style .entry-body, .blog-entry.blog-medium-style .entry-meta { padding: 0; } .blog-entry.blog-medium-style .entry-format { left: 10px; top: 10px; right: auto; margin: 20px 0; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } .blog-entry.blog-medium-style .entry-format a { height: 70px; line-height: 70px; width: 70px; } .blog-entry.blog-medium-style .entry-format a:before { margin-left: 0; } .blog-entry.blog-medium-style .entry-format { border-right-color: #fff; border-left-color: #fff; } .blog-entry.blog-medium-style .entry-format:before { border-top-color: #fff; border-right-color: #fff; } .blog-entry.blog-medium-style .entry-format:after { border-bottom-color: #fff; border-left-color: #fff; } .blog-entry.blog-medium-style:hover .entry-format { top: 10px; margin: 20px 0; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } .blog-entry.blog-medium-style .entry-meta-data { margin: 5px 0px; border: none; padding: 0; } .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: #fff; } .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: #fff; color: #000; } .blog-entry.blog-medium-style.dt-blog-medium-highlight:hover .entry-format a { background: #fff; } .blog-entry.blog-medium-style.dt-blog-medium-highlight.dt-sc-skin-highlight .entry-format a { color: #fff; } /* Type2 */ .blog-entry.entry-date-left { border: none; text-align: left; } .blog-entry.entry-date-left .entry-title h4 { margin-bottom: 0; } .blog-entry.entry-date-left .entry-body, .blog-entry.entry-date-left .entry-meta-data { padding: 0; } .blog-entry.entry-date-left .entry-date { text-align: center; padding: 10px 0px; color: #fff; } .blog-entry.entry-date-left .comments { border-top: 1px solid #fff; margin-top: 8px; } .blog-entry.entry-date-left .entry-details { padding: 0px 0px 0px 100px; position: relative; margin: 35px 0px 0px; min-height: 120px; float: left; clear: none; } .blog-entry.entry-date-left .entry-date, .blog-entry.entry-date-author-left .entry-date-author .entry-date { position: absolute; left: 0px; width: 70px; top: 0px; font-size: 30px; } .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: 16px; text-transform: capitalize; letter-spacing: 1px; } .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%; color: #fff; } .blog-entry.entry-date-left .entry-title { margin-top: -5px; padding: 0; } .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-top: 20px; margin-bottom: 0; } .column .blog-entry, .wpb_column .blog-entry { margin-bottom: 25px; } .column.no-space .blog-entry, .wpb_column.no-space .blog-entry { margin-bottom: 0px; } /* Type3 */ .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: initial; } .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: #999; } .blog-entry.entry-date-author-left .entry-date-author .comments a { color: #000; 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; } /* Type4 */ .blog-entry.blog-thumb-style { border-bottom: 1px solid; padding-bottom: 25px; margin-bottom: 25px; text-align: left; padding: 20px; border: 1px solid; } .blog-entry.blog-thumb-style.last { margin-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; line-height: normal; } .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; padding: 0; } .blog-entry.blog-thumb-style.entry-date-left .entry-date { width: 60px; } #primary.page-with-sidebar .tpl-blog-holder .column .blog-entry, .page-with-sidebar .tpl-blog-holder .wpb_column .blog-entry { margin-top: 0; margin-bottom: 35px; } .tpl-blog-holder { float: left; width: 100%; clear: both; margin: 0 0 30px 0; padding: 0px; } .tpl-blog-holder.apply-isotope .column { margin-left: 0px; } .entry-thumb .bx-wrapper { position: relative; overflow: hidden; } .entry-thumb .bx-controls a { top: 0px; bottom: 0px; margin: auto; position: absolute; color: #fff; width: 35px; height: 50px; font-size: 0; opacity: .6; filter: alpha(opacity=60); background: #fff; } .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: ""; position: absolute; left: 0px; top: 0px; width: 100%; text-align: center; line-height: 50px; font-size: 32px; font-family: Pe-icon-7-stroke; color: #fff; } .entry-thumb .bx-controls a.bx-prev:before { content: ""; } .entry-thumb .bx-controls a.bx-prev { -webkit-transform-origin: 80% 40%; -moz-transform-origin: 80% 40%; -o-transform-origin: 80% 40%; -ms-transform-origin: 80% 40%; transform-origin: 80% 40%; left: -35px; opacity: 0; visibility: hidden; } .entry-thumb .bx-controls a.bx-next { -webkit-transform-origin: 20% 100%; -moz-transform-origin: 20% 100%; -o-transform-origin: 20% 100%; -ms-transform-origin: 20% 100%; transform-origin: 20% 100%; right: -35px; opacity: 0; visibility: hidden; } .entry-thumb:hover .bx-controls a.bx-prev { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); opacity: 1; visibility: visible; left: -15px; } .entry-thumb:hover .bx-controls a.bx-next { transform: rotate3d(0, 1, 0, -180deg); -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); opacity: 1; visibility: visible; right: -15px; } @media screen and (min-width:0\0) { .entry-thumb:hover .bx-controls a.bx-prev, .entry-thumb:hover .bx-controls a.bx-next { transform: scaleX(-1); } .entry-thumb .bx-controls a.bx-prev:before, .entry-thumb .bx-controls a.bx-next:before { transform: scaleX(1); } } .entry-gallery-post-slider li { padding: 0px; display: inline; } .entry-gallery-post-slider li img { max-width: 100%; height: auto; } .entry-meta .date, .entry-meta .comments, .entry-meta .author { display: inline-block; } .entry-meta .comments i, .entry-meta .author i { font-size: 16px; position: relative; top: 2px; } .entry-meta .date.hidden, .entry-meta .comments.hidden, .entry-meta .author.hidden, .entry-meta-data p.hidden, .blog-entry .entry-format.hidden { display: none; } .entry-meta-data { display: inline-block; width: 100%; margin: 0px 0px 10px; padding: 0px; border-top: none; position: relative; } .entry-meta-data p { display: inline-block; margin-right: 20px; } .entry-meta-data p:last-child { margin-right: 0; } .entry-meta-data p a, .entry-meta-data p i { font-size: 13px; } .entry-meta-data p i { font-size: 14px; font-size: 20px; margin: 0px 8px 0px 0px; 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-third .blog-entry { text-align: left; } .with-both-sidebar .dt-sc-one-third .blog-entry .entry-meta-data { text-align: center; } .with-both-sidebar .dt-sc-one-third .blog-entry .entry-title h4 { line-height: 24px; } .with-both-sidebar .dt-sc-one-third .blog-entry .entry-meta, .with-both-sidebar .dt-sc-one-third .blog-entry .entry-title, .with-both-sidebar .dt-sc-one-third .blog-entry .entry-body, .blog-entry .entry-meta-data { font-size: 14px; line-height: 24px; } .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 { width: 100%; float: left; } .with-both-sidebar .blog-entry.blog-medium-style .entry-thumb { width: 100%; margin: 0; } .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, .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-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: 12px; } .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; } /* Blog Single */ .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: #000; } .blog-entry.single.dt-sc-skin-highlight .entry-meta .comments i, .blog-entry.single.dt-sc-skin-highlight .entry-meta .author i { color: #888; } .blog-entry.single { text-align: left; border: none; } .blog-entry.single .entry-meta, .blog-entry.single .entry-title, .blog-entry.single .entry-body, .blog-entry.single .entry-meta-data { padding: 0; } .single-post .blog-entry { overflow: visible; } .single-post .blog-entry .entry-thumb { overflow: hidden; } .single-post .related-post .blog-entry { overflow: hidden; } .related-post .blog-entry .entry-details { margin: 20px 0; } .related-post .blog-entry .entry-title { padding: 0 10px; text-align: center; } .related-post .blog-entry .entry-title h4 { margin-bottom: 0; } .blog-entry.single .entry-body ul li ol { list-style-position: inside; } /*----*****---- << Blog Author Info >> ----*****----*/ .author-info { display: block; padding: 0px; clear: both; float: left; margin: 20px 0px 40px; } .author-info .thumb { width: 20%; margin: 0px 5% 0px 0px; float: left; position: relative; border: 5px solid; } .author-info .thumb img { float: left; } .author-info .desc-wrapper { width: 75%; float: right; } .author-info h2 { font-size: 28px; font-weight: bold; text-transform: capitalize; margin-bottom: 30px; } .author-info h3 span { color: #aaa; font-size: 14px; } .author-info h3 { font-size: 18px; margin-bottom: 10px; text-transform: capitalize; border-bottom: 1px solid; padding-bottom: 10px; } /*----*****---- << Blog Comment Entries >> ----*****----*/ .commententries { width: 100%; float: left; margin: 40px 0px 0px; padding: 0px; } .commententries .comments-area > h3 { font-size: 20px; } ul.commentlist { float: left; margin: 20px 0px 20px 0px; padding: 0px 0px 20px 0px; list-style: none; border-top: 0px; width: 100%; } ul.commentlist li.comment { 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 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-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: #000; } ul.commentlist li .author-name span { font-size: 14px; color: #aaa; } ul.commentlist li.bypostauthor .author-name { background: #aaa; color: #fff; } ul.commentlist li .comment-details { display: block; } ul.commentlist li .author-name .reply { margin: 0px; float: right; } ul.commentlist li .reply a { clear: both; display: inline-block; margin: 10px 0px 0px; padding: 2px 13px; color: #fff; float: right; } ul.commentlist li #respond { padding-bottom: 20px; } #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: 135px; } #respond p { margin-bottom: 15px; } #respond p.form-submit { margin: 10px 0 15px; float: left; width: 100%; } section.related-post h4 { font-size: 28px; font-weight: bold; text-transform: capitalize; } .comment-body ul li, .comment-body ol li { padding-left: 0px; } .comment-body > ul { list-style: disc; margin-bottom: 30px; } .comment-body ul ul { list-style: disc; } .comment-body ul ul ul { list-style: circle; } .comment-body > ol { margin-bottom: 30px; } .comment-body ul li:last-child, .comment-body ol li:last-child { padding-bottom: 0; } /* Pagination */ .pagination { clear: both; float: left; width: 100%; margin: 30px 0px 15px; padding: 0px; } .pagination ul { float: none; margin: 0 0 55px; padding: 0px; width: 100%; display: inline-block; text-align: center; } .pagination ul li { float: none; display: inline-block; margin: 0px; padding: 0px; } .pagination ul li a, .pagination ul li span { color: #fff; font-size: 13px; font-weight: 600; padding: 0; text-transform: uppercase; letter-spacing: .5px; border: 1px solid; margin: 10px 5px 0px 0px; display: inline-block; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; width: 40px; height: 40px; line-height: 40px; text-align: center; } .pagination ul li span.current { color: #fff; } .pagination ul li a i { color: #000; 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.next, .pagination ul li a.prev { width: auto; padding: 0 20px; } .pagination ul li a:hover, .pagination ul li span, .pagination ul li a:hover i { color: #fff; } .pagination .column { margin: 0px; width: 100%; } .page-link { float: left; clear: both; margin: 10px 0px 0px; padding: 0px; } .page-link a, .page-link > span { border: 1px solid; color: #303030; font-size: 13px; font-weight: 600; letter-spacing: .5px; padding: 0; float: left; margin-right: 10px; height: 40px; line-height: 40px; text-align: center; width: 40px; } .page-link a span { border: 0px; padding: 0px; margin: 0px; } .page-link > span, .page-link a:hover span { color: #fff; } /*----*****---- << Footer >> ----*****----*/ #footer { width: 100%; float: left; clear: both; margin: 30px 0 0px; } #footer .widgettitle { margin: 19px 0 34px; text-transform: capitalize; } #footer .widgettitle:before { display: none; } #footer .widget.widget_text ul li { border: none; } #footer .widget.widget_text ul li:first-child a { padding: 0; } #footer .widget.widget_text ul li a { padding: 10px 0 0; line-height: normal; } #footer .widget.widget_text ul li:before { content: none; } .footer-widgets { padding: 67px 0px 52px; width: 100%; float: left; clear: both; margin: 0px; position: relative; font-size: 14px; } .footer-widgets .widget { float: left; clear: both; width: 100%; margin-bottom: 27px; } .footer-widgets .widget .textwidget p { width: 100%; float: left; } .footer-widgets:before { position: absolute; content: ""; display: block; left: 0; top: 0; bottom: auto; float: left; background-size: 100%; background-repeat: no-repeat; background-position: center; background: url("https://www.idealplasticsurgery.com/wp-content/themes/Onelife/images/footer-pattern-top.png"); width: 231px; height: 347px; } .footer-widgets:after { position: absolute; content: ""; display: block; right: 0; bottom: 0; top: auto; float: left; background-size: 100%; background-repeat: no-repeat; background-position: center; background: url("https://www.idealplasticsurgery.com/wp-content/themes/Onelife/images/footer-pattern-bottom.png"); width: 247px; height: 255px; } #footer .container { z-index: 9; } #footer .footer-copyright .alignright img { float: right; } #footer .footer-copyright { float: left; margin: 0px; padding: 22px 0px; width: 100%; clear: both; color: #fff; font-size: 14px; } #footer .footer-copyright a, #footer .footer-copyright ul li a { color: #fff; } .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 { width: 100%; float: left; margin: 0px; padding: 0px; } .footer-copyright .menu-links li { margin: 0px 0px 0px 30px; display: inline-block; padding: 0px; float: none; } .footer-copyright .menu-links li ul.children { display: none; } .footer-copyright #menu-footer-menu.menu-links { text-align: right; margin: 0px; padding: 0px; float: right; } .footer-copyright #menu-footer-menu.menu-links li { margin: 0 0 0 30px; padding: 0 0 0 30px; float: none; display: inline-block; position: relative; list-style: none; } .footer-copyright #menu-footer-menu.menu-links li:first-child { margin: 0; padding: 0; } .footer-copyright #menu-footer-menu.menu-links li:nth-child(n+2) a:before { position: absolute; content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; background: #fff; } .footer-copyright .vc_column_container:first-child > .vc_column-inner { padding-left: 0; } .footer-copyright .vc_column_container:last-child > .vc_column-inner { padding-right: 0; } .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; } #footer .footer-widgets .widget_text ul.custom-social li a { padding: 0px 0px 25px; } #footer .footer-widgets .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; } .widget .dt-sc-newsletter-section.boxed { border-top: 3px solid; float: left; clear: both; margin: -110px 0px 0px; text-align: center; padding: 30px; box-sizing: border-box; } .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm { margin-top: 10px; } .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="email"] { 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; } /*----*****---- << Boxed Styles >> ----*****----*/ .layout-boxed .main-header-wrapper { left: 0; top: 0; width: 1250px; right: 0; margin: 0px auto; } .layout-boxed .vc_row.vc_row-no-padding { left: -40px !important; margin: 0 auto; width: calc(100% + 80px) !important; } /*----*****---- << Default Color >> ----*****----*/ blockquote.type1, .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"], input.text, input[type="search"], textarea, select, .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: #333; } input::-webkit-input-placeholder { color: black !important; } input:-moz-placeholder { /* Firefox 18- */ color: black !important; } input::-moz-placeholder { /* Firefox 19+ */ color: black !important; } input:-ms-input-placeholder { color: black !important; } body, h1, h2, h3, h4, h5, h6, a:hover, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .dt-sc-button.filled.white:hover, .menu-icons-wrapper .search a, .menu-icons-wrapper .cart a, .available-domains li .price, ul.dt-sc-tabs-vertical > li > a, .footer-widgets, #footer, .footer-copyright a:hover, #footer ul li a, #footer .footer-copyright a:hover, #footer .footer-copyright ul li a:hover, #footer .footer-widgets ul.custom-social li a:hover, .about-us-content .dt-sc-sociable li a:hover, .dt-sc-contact-info.type5 .dt-sc-contact-icon span, .dt-sc-team-social li a:hover, .dt-sc-team.type2:hover .dt-sc-team-details h4, .dt-sc-team.type2:hover .dt-sc-team-details h5, .dt-sc-team.type2:hover .dt-sc-team-details p, .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social a:hover, .dt-sc-team.hide-social-show-on-hover.rounded .dt-sc-team-details .dt-sc-team-social li a:hover, .dt-sc-icon-box.type9.switch-color .icon-content, .dt-sc-icon-box.type9.switch-color .icon-content h4, .dt-sc-icon-box.type9.switch-color .icon-content h5, .dt-sc-team-carousel-wrapper .dt-sc-team-details ul.dt-sc-team-social li a:hover { color: #4d4d4d; } input[type="submit"], input[type="reset"], button, input[type="button"], .recent-portfolio-widget ul li a:after, .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, .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: #fff; } .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, .5); } label span.required { color: #f00; } .tweet_list li .tweet-time { color: rgba(0, 0, 0, .3); } .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite small { color: rgba(0, 0, 0, .5); } #footer .mailchimp-form input[type="email"] { color: rgba(255, 255, 255, .5); } .main-header #searchform:before { color: #c2c2c2; } .main-header #searchform input[type="text"], .cart-info:before, .cart-total:before { color: #aaa; } .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="email"] { color: #a0a0a0; } /* Background Color */ 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 select, .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="email"], .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="submit"], .left-header #header-wrapper, .menu-icons-wrapper .top-menu-search-container .search-form, .main-header #searchform { background: #fff; } .top-bar { background: #eee; } .menu-icons-wrapper.rounded-icons .search a span, .menu-icons-wrapper.rounded-icons .cart a span, .dt-sc-vertical-small-separator, .live-chat a:hover { background: #000; } .dt-sc-vertical-separator:before { background: rgba(0, 0, 0, .2); } .cart-info { background: #f3f3f3; } .widget .dt-sc-newsletter-section.boxed { background: #fafafa; } .extend-bg-fullwidth-left:after, .extend-bg-fullwidth-right:after { background: #f5f5f5; } /* Border Color */ 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 { border-color: rgba(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, .25); } .dt-sc-menu-sorting, .dt-sc-menu-sorting:after, .dt-sc-menu-sorting:before { border-color: rgba(0, 0, 0, .08); } .hotel-search-container { border-color: rgba(0, 0, 0, .05); } .selection-box:before { border-top-color: #fff; } .tweet_list li { border-bottom-color: rgba(0, 0, 0, .15); } .main-header #searchform { border-color: #e5e5e5; } .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: #fff; } .dt-sc-menu .image-overlay-wrapper:after { border-left-color: #fff; } .footer-copyright .menu-links.with-splitter li a { border-right-color: rgba(0, 0, 0, .2); } #footer .tweet_list li { border-color: rgba(255, 255, 255, .15); } .widget .dt-sc-newsletter-section.boxed .dt-sc-subscribe-frm input[type="email"] { border-color: #ebebeb; } /* Shortcodes */ /* Color */ .dt-sc-team.type1 .dt-sc-team-details h5, ins { color: #888; } .dt-sc-counter, .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.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: #000; } .dt-sc-team.type1:hover .dt-sc-team-details h4, .dt-sc-team.type1:hover .dt-sc-team-details h5, .dt-sc-icon-box.type5 .icon-wrapper span, .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 .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-button.rounded-border.black:hover, .dt-sc-button.bordered.black: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-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:hover .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 .dt-sc-image-wrapper .overlay-text h3, .carousel-arrows a:hover:before, .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-details-on-map .dt-sc-map-overlay h3, .dt-sc-contact-info.type4, .dt-sc-contact-info.type4 h6, .dt-sc-contact-info.type4 a, .dt-sc-twitter-icon span, .dt-sc-contact-details-on-map .map-switch-icon, .dt-sc-contact-details-on-map .map-switch-icon:hover, .dt-sc-images-wrapper .carousel-arrows a:hover, .available-domains li a.dt-sc-button, .dt-sc-icon-box.type9.switch-color .icon-wrapper span { color: #fff; } .dt-sc-events-list .dt-sc-event-title h5 small { color: #222; } .dt-sc-icon-box .large-icon { color: rgba(0, 0, 0, .05); } .carousel-arrows a:before { color: rgba(0, 0, 0, .15); } .dt-sc-testimonial-wrapper .dt-sc-testimonial .dt-sc-testimonial-author cite small, .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, .5); } .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 { color: rgba(0, 0, 0, .2); } .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"] { color: rgba(0, 0, 0, .3); } .left-header-footer p, .dt-sc-hexagons li span, .dt-sc-events-list-wrapper h3, ul.dt-sc-tabs-horizontal-frame > li > a { color: rgba(0, 0, 0, .4); } .dt-sc-contact-info.type4 a:hover { color: rgba(0, 0, 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; } ul.dt-sc-tabs-vertical-frame > li > a { color: #191919; } .dt-sc-image-caption.type2 .dt-sc-image-content p { color: rgba(255, 255, 255, .5); } /* Background Color */ .dt-sc-button.with-icon.icon-right.type1: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 { background: rgba(0, 0, 0, .1); } .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-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-event-image-caption, .dt-sc-testimonial-special-wrapper:before, .dt-sc-team-social.diamond-square-border li, .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.type5:hover .dt-sc-contact-icon, .dt-sc-contact-info.type5:hover .dt-sc-contact-icon:before, .dt-sc-contact-info.type5:hover .dt-sc-contact-icon:after, .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"] { background: #fff; } .dt-sc-icon-box.type5 .icon-wrapper:before { background: rgba(0, 0, 0, .03); } .dt-sc-title.with-two-color-bg:before, .dt-sc-title.with-two-color-bg h2, .two-color-section:after, .dt-sc-readmore-plus-icon, .dt-sc-contact-details-on-map .map-switch-icon:hover { background: #000; } .dt-sc-title.with-two-color-stripe:before, .dt-sc-training-details { background: #222; } .dt-sc-title.with-two-color-stripe h5:before { background: rgba(0, 0, 0, .2); } .dt-sc-readmore-plus-icon:hover, .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text, .dt-sc-contact-details-on-map .dt-sc-map-overlay { background: rgba(0, 0, 0, .8); } .light-overlay:before { background: rgba(255, 255, 255, .8); } .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { background: #fff; } .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, .2); } .left-header-footer .dt-sc-sociable.filled li a { background: #000 !important; } .left-header-footer .dt-sc-sociable.filled li a:hover { background: rgba(0, 0, 0, .1) !important; } .dt-sc-title.with-two-color-stripe:after { background: #e6e6e8; } .dt-sc-testimonial.type6 .dt-sc-testimonial-author:before { background: #f7f7f7; } /* Border Color */ .dt-sc-sociable.square-border li a, .dt-sc-sociable.rounded-border-dashed li a, .dt-sc-icon-box.type8 { border-color: rgba(0, 0, 0, .2); } .dt-sc-image-with-caption img { border-color: rgba(0, 0, 0, .1); } ul.dt-sc-tabs-vertical-frame > li > a { border-top-color: rgba(0, 0, 0, .1); } ul.dt-sc-tabs-vertical-frame > li > a { border-bottom-color: rgba(0, 0, 0, .1); } .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, .05); } .dt-sc-down-arrow:before { border-top-color: #fff; } .dt-sc-up-arrow-bottom:before { border-bottom-color: #fff; } .dt-sc-event-image-caption .dt-sc-image-content:before { border-left-color: #fff; } ul.dt-sc-tabs-vertical-frame > li > a.current { border-right-color: #fff; } .dt-sc-testimonial.type1 .dt-sc-testimonial-author span, .dt-sc-pr-tb-col .dt-sc-price, .dt-sc-icon-box.type7 .icon-wrapper span, .dt-sc-counter.type3 .dt-sc-couter-icon-holder .icon-wrapper, .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-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: #fff; } .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-progress { border-color: #000; } .dt-sc-image-caption:hover .dt-sc-image-wrapper .icon-wrapper:before, .dt-sc-image-caption .dt-sc-image-title span { border-bottom-color: #000; } abbr { border-color: #222; } .dt-sc-icon-box.type9 .icon-wrapper:before { border-left-color: rgba(255, 255, 255, .5); } .dt-sc-counter.type3 { border-color: rgba(0, 0, 0, .1); } .dt-sc-team.rounded .dt-sc-team-thumb:before { border-color: rgba(255, 255, 255, .4); } .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 */ .footer-widgets, #footer, .footer-copyright a:hover, #footer h3, #footer ul li a, #footer .footer-copyright a:hover, #footer .footer-copyright ul li a:hover, #footer .footer-widgets ul.custom-social li a:hover, .about-us-content .dt-sc-sociable li a:hover, .dt-sc-contact-info.type5 .dt-sc-contact-icon span, #footer h3 { color: #000; } /*----*****---- Dark Overlay & Highlight ----*****----*/ /* Color */ .widget .dt-sc-newsletter-section.boxed h2 { color: #000; } /* Background Color */ /* Border Color */ .wp-caption { background: rgba(0, 0, 0, .02); border-color: rgba(0, 0, 0, .07); } .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, .2); } /*----*****---- << Additional Styles >> ----*****----*/ .dt-like-this > span { display: inline-block; font-size: 11px; margin-left: 1px; position: relative; top: 3px; } #wpsl-gmap { margin-bottom: -30px !important; } /*----*****---- << 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; } .hexagonal-images.wpb_content_element.wpb_single_image .vc_figure { overflow-x: visible; } } .dt-sc-background-two-gradient { background: -moz-linear-gradient(270deg, rgba(30, 188, 146, 1) 0%, rgba(30, 188, 146, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 188, 146, 1)), color-stop(50%, rgba(30, 188, 146, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(270deg, rgba(30, 188, 146, 1) 0%, rgba(30, 188, 146, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(270deg, rgba(30, 188, 146, 1) 0%, rgba(30, 188, 146, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(270deg, rgba(30, 188, 146, 1) 0%, rgba(30, 188, 146, 1) 50%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(180deg, rgba(30, 188, 146, 1) 0%, rgba(30, 188, 146, 1) 50%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89cddf", endColorstr="#ffffff", GradientType=0); } /*----*****---- << Contact Form Styles >> ----*****----*/ /* Contact Form 7 Validation */ .wpcf7-form .wpcf7-not-valid { border-color: #f00 !important; } .wpcf7-form .wpcf7-not-valid-tip { display: none; } .wpcf7-form.event-contact-form .wpcf7-not-valid { background-color: rgba(255, 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: #fcc; border: 1px solid #f99; 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: ""; color: #c54228; } .contact-us .contact-form { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; } .contact-form .wpcf7-form div.wpcf7-validation-errors, .contact-form .wpcf7-form div.wpcf7-mail-sent-ok, .contact-form div.wpcf7-response-output { margin: 0; padding: 35px 15px 15px 15px; text-align: center; } .contact-form .wpcf7-form div.wpcf7-validation-errors, .contact-form div.wpcf7-response-output { position: absolute; z-index: 99; right: 0; bottom: 0; top: auto; width: 60%; left: 90px; } .contact-form div.wpcf7-response-output { top: 0; width: 100%; left: 0; } .contact-form .wpcf7-form div.wpcf7-validation-errors:before, .contact-form .wpcf7-form div.wpcf7-mail-sent-ok:before, .contact-form div.wpcf7-response-output:before { left: 0; right: 0; } .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: ""; color: #75b632; } .single #primary, .buddypress #primary, .bbpress #primary, .post-type-archive-tribe_events #primary, .woocommerce-page #primary { padding-bottom: 80px; } .single.single-dt_doctors #primary { padding-bottom: 18px; } .single.single-dt_programs #primary, .single-dt_chefs #primary { padding-bottom: 0; } /* Visual Composer CSS */ .page-template-tpl-onepage #primary.content-full-width { padding-bottom: 0px; } .vc-no-left-padding .vc_column-inner, .vc-no-left-padding.vc_column_container .vc_column-inner { padding-left: 0px; } .vc-no-right-padding .vc_column-inner, .vc-no-right-padding.vc_column_container .vc_column-inner { padding-right: 0px; } .vc-no-padding .vc_column-inner { padding-left: 0px; padding-right: 0px; } .vc-no-margin { margin-left: 0px; margin-right: 0px; } .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 >> ----*****----*/ .loader { background: #f0ebd8; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999999; display: none \9; } .loader svg { left: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /*----*****---- << To Top >> ----*****----*/ #toTop { position: fixed; display: none; text-decoration: none; bottom: 30px; right: 30px; overflow: hidden; overflow: hidden; width: 52px; height: 59px; border: none; background: url("https://idealplasticsurgery.com/nitropack_static/VrGkUrnmqcWKXZGVFTMRJoJHAMGfQfcb/assets/images/optimized/rev-1ddfc7c/www.idealplasticsurgery.com/wp-content/themes/Onelife/images/totop.png") no-repeat; background-position: 0 0; z-index: 9999; opacity: .5; text-indent: -9999px; } #toTop.nitro-lazy { background-image: none !important; } #toTop:hover { opacity: 1; } #toTop:before { content: "Top"; position: absolute; left: 0; right: 0; display: block; color: #000; z-index: 99999; top: 48%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 13px; opacity: 1; text-indent: 0; margin: 0 auto; text-align: center; } #toTop:hover:before { top: 0; opacity: 0; } #toTop:after { bottom: -50%; opacity: 0; content: ""; position: absolute; font-family: FontAwesome; left: 0; right: 0; display: block; color: #000; z-index: 99999; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); text-indent: 0; margin: 0 auto; text-align: center; font-size: 0; } #toTop:hover:after { bottom: 6%; opacity: 1; font-size: 30px; } #toTop:active, #toTop:focus { outline: none; } /*----*****---- << Style Picker >> ----*****----*/ .dt-style-picker-wrapper { position: fixed; z-index: 99999; left: 0px; top: 150px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } #dt-style-picker { width: 225px; float: left; position: absolute; top: 0px; z-index: 1; margin: 0px; padding: 0; text-align: center; background: #fff; } #dt-style-picker h2 { font-size: 14px; text-transform: uppercase; line-height: 47px; width: 100%; margin: 0px 0px 15px; padding: 0px; font-weight: bold; letter-spacing: 1.5px; } #dt-style-picker h3 { font-size: 14px; padding: 10px 0 15px; float: left; width: 100%; margin: 0px; text-transform: capitalize; } #dt-style-picker ul { float: none; display: inline-block; margin: 0px; padding: 15px 0 20px; text-align: center; width: 200px; } #dt-style-picker ul li { display: inline-block; float: none; list-style-type: none; margin: 0; padding: 0; } #dt-style-picker ul li:nth-child(1), #dt-style-picker ul li:nth-child(2), #dt-style-picker ul li:nth-child(3), #dt-style-picker ul li:nth-child(8), #dt-style-picker ul li:nth-child(9), #dt-style-picker ul li:nth-child(10) { width: 33%; } #dt-style-picker ul li:nth-child(4), #dt-style-picker ul li:nth-child(5), #dt-style-picker ul li:nth-child(6), #dt-style-picker ul li:nth-child(7) { width: 25%; } #dt-style-picker ul li:nth-child(1) a, #dt-style-picker ul li:nth-child(8) a { margin-left: 30px; } #dt-style-picker ul li:nth-child(3) a, #dt-style-picker ul li:nth-child(10) a { margin-right: 30px; margin-left: -3px; } #dt-style-picker ul li a { display: inline-block; background: #fff; position: relative; width: 40px; height: 23.09px; background-color: #fff; margin: 4px 0; } #dt-style-picker ul li a:before, #dt-style-picker ul li a:after { content: ""; position: absolute; width: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; left: 0; z-index: -1; } #dt-style-picker ul li a:before { bottom: 100%; border-bottom: 11.55px solid #fff; } #dt-style-picker ul li a:after { top: 100%; width: 0; border-top: 11.55px solid #fff; } #dt-style-picker ul li a img { width: 30px; height: auto; line-height: 50px; position: absolute; left: 0; right: 0; margin: 0px auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #dt-style-picker ul li a.selected, #dt-style-picker ul li a:hover { background-color: rgba(0, 0, 0, .1); } #dt-style-picker ul li a.selected:before, #dt-style-picker ul li a:hover:before { border-bottom: 11.55px solid rgba(0, 0, 0, .1); } #dt-style-picker ul li a.selected:after, #dt-style-picker ul li a:hover:after { border-top: 11.55px solid rgba(0, 0, 0, .1); } .style-picker-ico { position: absolute; top: 0; left: 225px; z-index: 2; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; } .style-picker-ico i { font-size: 26px; z-index: 1; height: 50px; line-height: 50px; -webkit-transform: scale(.9); -moz-transform: scale(.9); -o-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-animation: beat .25s infinite alternate; -moz-animation: beat .25s infinite alternate; -ms-animation: beat .25s infinite alternate; -o-animation: beat .25s infinite alternate; animation: beat .25s infinite alternate; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .style-picker-ico:hover { color: #fff; } .style-picker-ico:hover i { -webkit-animation: beat 1s infinite alternate; -moz-animation: beat 1s infinite alternate; -ms-animation: beat 1s infinite alternate; -o-animation: beat 1s infinite alternate; animation: beat 1s infinite alternate; } @keyframes beat { to { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes beat { to { -moz-transform: scale(1); transform: scale(1); } } @-webkit-keyframes beat { to { -webkit-transform: scale(1); transform: scale(1); } } @-ms-keyframes beat { to { -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes beat { to { -o-transform: scale(1); transform: scale(1); } } .style-picker-ico:before { opacity: 0; } /*------> 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; } .page.page-id-11 #footer { margin-top: 0; } /*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; } .comment-form-cookies-consent input { margin-right: 7px; } .comment-form-dt-privatepolicy input { margin-right: 5px; } /*Model popup*/ .dt-inline-modal > h4 { color: #fff !important; } .dt-inline-modal > h4, .mfp-close-btn-in .mfp-close { color: #fff !important; } #sitewide-notice.admin-bar-on #message { display: none; } .pswp { z-index: 999999; } /*------>GDPR Update End <-----*/ @media only screen and (max-width: 767px) { .two-color-header .main-header #main-menu ul li.menu-item-simple-parent ul ul { top: 0; } } /* wishlist css */ .responsive.wishlist_table.mobile li { display: inline-flex; align-items: center; width: 100%; padding-bottom: 0; border-bottom: 1px solid #bebebe; } .responsive.wishlist_table.mobile li > div { flex: 1; } .responsive.wishlist_table.mobile li .item-wrapper .product-thumbnail > a { display: flex; } .responsive.wishlist_table.mobile li .item-wrapper .product-thumbnail { margin-right: 0; } .responsive.wishlist_table.mobile li .item-wrapper { display: inline-flex; width: inherit; vertical-align: inherit; text-align: center; } .responsive.wishlist_table.mobile li .item-details table.item-details-table { margin-bottom: 0; } .responsive.wishlist_table.mobile li .item-wrapper .item-details { display: inline-flex; align-items: center; width: 100%; } .responsive.wishlist_table.mobile li .item-wrapper .item-details > div, .responsive.wishlist_table.mobile li .item-wrapper .item-details > table { flex: 1; line-height: 1; } .responsive.wishlist_table.mobile li .additional-info-wrapper { display: inline-flex; align-items: center; line-height: 1; text-align: center; } .responsive.wishlist_table.mobile li .additional-info-wrapper > div, .responsive.wishlist_table.mobile li .additional-info-wrapper > table { flex: 1; margin-bottom: 0; } .responsive.wishlist_table.images_grid li .item-details table.item-details-table td.value, .responsive.wishlist_table.mobile li .item-details table.item-details-table td.value, .responsive.wishlist_table.mobile li table.additional-info td.value, .responsive.wishlist_table.modern_grid li .item-details table.item-details-table td.value { text-align: left; } .responsive.wishlist_table.images_grid li .item-details table.item-details-table td, .responsive.wishlist_table.mobile li .item-details table.item-details-table td, .responsive.wishlist_table.mobile li table.additional-info td, .responsive.wishlist_table.modern_grid li .item-details table.item-details-table td { font-size: 14px; padding: 15px 4px; background: transparent; display: inline; } .responsive.wishlist_table.mobile li table.additional-info td.label, .responsive.wishlist_table.mobile li .item-details table.item-details-table td.label { width: auto; display: inline; } .responsive.wishlist_table .product-add-to-cart a { background-image: linear-gradient(90deg, currentColor 0%, currentColor 100%); background-position: left bottom; background-size: 0% 1px; background-repeat: no-repeat; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin: 0 0 0 auto !important; } .responsive.wishlist_table .product-add-to-cart a:hover { background-size: 100% 1px; } .responsive.wishlist_table.images_grid li .item-details h3, .responsive.wishlist_table.mobile li .item-details h3, .responsive.wishlist_table.modern_grid li .item-details h3 { margin-bottom: 0; } .responsive.wishlist_table.mobile li .item-details h3 { font-size: 16px; } .woocommerce .wishlist-title-container .wishlist-title a.show-title-form i { font-family: "FontAwesome"; font-weight: 500; } @media screen and (max-width:767px) { .responsive.wishlist_table.mobile li, .responsive.wishlist_table.mobile li .item-wrapper, .responsive.wishlist_table.mobile li .item-wrapper .item-details, .responsive.wishlist_table.mobile li .additional-info-wrapper { display: block; } .responsive.wishlist_table.mobile li .additional-info-wrapper { width: 100%; } .responsive.wishlist_table .product-add-to-cart a { margin: 0 auto 0 !important; } .responsive.wishlist_table.images_grid li .item-details table.item-details-table td, .responsive.wishlist_table.mobile li .item-details table.item-details-table td, .responsive.wishlist_table.mobile li table.additional-info td, .responsive.wishlist_table.modern_grid li .item-details table.item-details-table td { padding: 0px 4px 0px 0px; } .woocommerce .wishlist-title-container .wishlist-title { margin-bottom: 0; } .woocommerce .wishlist-title-container .wishlist-title a.show-title-form { visibility: visible; } .woocommerce .wishlist-title-container .wishlist-title, .woocommerce .wishlist-title-container .wishlist-title h2, .responsive.wishlist_table.mobile li .additional-info-wrapper .product-remove { text-align: center; } .responsive.wishlist_table.mobile li .item-wrapper .item-details > div, .responsive.wishlist_table.mobile li .item-wrapper .item-details > table, .responsive.wishlist_table.mobile li .additional-info-wrapper > div, .responsive.wishlist_table.mobile li .additional-info-wrapper > table { margin-bottom: 18px; } } /* testimonial style */ .dt-sc-team-carousel-wrapper ul li:not(:first-child) { display: none; } div.vc_row.wpb_row.overlay.vc_custom_1464335739000 { margin-bottom: 0 !important; } .dt-sc-icon-box.type2, .dt-sc-icon-box.type3, .dt-sc-icon-box.type5.no-icon-bg { margin-bottom: clamp(2.5rem, 2.3558rem + .641vw, 3.125rem); } .paragraph-style-01 .wpb_wrapper p { padding-right: clamp(3.75rem, 2.9185rem + 1.7346vw, 5rem); } .revslider-initialised rs-slide .rs-parallax-wrap { padding-left: 20px; } .blog-entry .entry-details .entry-meta i, .blog-entry .entry-details .entry-meta-data i { color: var(--wdtPrimaryColor); } .bbp-forum-freshness .bbp-topic-meta span a .bbp-author-avatar { margin-right: 5px; } .wpcf7-spinner { position: absolute !important; margin: 0 10px; } .icon-box-style-01 img { width: 100%; max-width: 50px; } .wpcf7-text, textarea { border: 1px solid transparent; } input:active, input:focus, .wpcf7-text:active, textarea:active, .wpcf7-text:focus, textarea:focus { border-color: var(--wdtPrimaryColor) !important; } .ext-exogen-style .float-right .vc_column-inner { padding-right: 40px; } .ext-exogen-style .float-left .vc_column-inner { padding-left: 40px; } .wdt-safe-style .dt-sc-hexagon-shape .dt-sc-hexagon-image .dt-sc-hexagon-image-overlay { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; } .wdt-safe-style .dt-sc-hexagon-shape .dt-sc-hexagon-image .dt-sc-hexagon-image-overlay>h2 { margin-bottom: 0; } .wdt-custom-map-style-01 { position: absolute; z-index: 0; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; } #footer .footer-widgets .container > div:nth-child(2) { padding-left: clamp(1.875rem, 0rem + 3.9063vw, 4.6875rem); } #footer .footer-widgets .container > div:nth-child(3) { padding-left: clamp(1.25rem, 0rem + 2.6042vw, 3.125rem); } @media screen and (max-width:767px) { #footer .footer-widgets .container > div:nth-child(2), #footer .footer-widgets .container > div:nth-child(3) { padding-left: 0; } #footer .widgettitle { margin-bottom: 20px; } #footer .footer-widgets .container > div, #footer .footer-widgets .widget { margin-bottom: 0; } #footer .footer-widgets .container > div:nth-child(4) > aside:nth-child(1) { margin-bottom: 10px; } #footer .footer-copyright .vc_column_container:first-child > .vc_column-inner { padding-left: 0; padding-right: 0; } }