/* Theme Name: SpaLab Theme URI: http://wedesignthemes.com/themes/dt-spalab/ Author: the DesignThemes team Author URI: http://themeforest.net/user/designthemes Description: A responsive theme for SPA LAB type of business that uses Powerful WordPress admin panel, tons of useful shortcodes, one click easy demo content installation, Fully Responsive design, Google fonts, Easy to switch color and layout for any element and many more features made this theme fit for multipurpose websites too.You will find that the user-friendly CMS admin panel makes managing website a simple, straightforward experience.Welcome more clients to spa salon with impressive design Version: 2.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, theme-options, accessibility-ready Text Domain: dt_themes */ @charset "utf-8"; /* CSS Document */ @import "css/reset.css"; /*----*****---- << General >> ----*****----*/ body { background:#f3f3f3; color:#868686; font-weight:normal; font-size:14px; line-height:24px; } /*----*****---- << Fonts >> ----*****----*/ body, h1, h2, h3, h4, h5, h6, .dt-sc-ico-content.type1 h5, .dt-sc-ico-content.type2 h5, .dt-sc-ico-content.type3 h5, .dt-sc-ico-content.type4 h5, .dt-sc-ico-content.type5 h5, .dt-sc-ico-content.type6 h3, 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[type="submit"], button, textarea, input.text, select, .entry-details .entry-title h4, .icon-list h3 { font-family:'Raleway', sans-serif; } .breadcrumb h6, .dt-sc-ico-content p, .entry-details .entry-title h4, .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta h4, .dt-sc-testimonial blockquote q, ul.products li .product-title h3, .dt-sc-bar-text { font-weight: 300; } ul.dt-sc-tabs-frame li a, .dt-sc-catalog-meta a.dt-sc-button, .dt-sc-catalog-meta span, .dt-sc-tb-title h5, .dt-sc-promobox a, .dt-sc-ico-content.type7 h5, .icon-list h3 { font-weight: 500; } .call-text, #footer .widget h3.widgettitle, .dt-sc-tabs-vertical-frame-content h3, .dt-sc-tabs-vertical-frame-content h4, .dark-title, .comment-reply-title, .commententries > h3, .dt-sc-testimonial cite { font-weight: 600; } #bbar-wrapper, .border-title h1, .border-title h2, .border-title h3, .border-title h4, .border-title h5, .border-title h6, .border-title span, .dt-sc-box-title span, .entry-meta .comments, .mean-container .mean-nav ul li a.mean-expand, .footer-menu { font-family:'Lato', sans-serif; } .border-title h1, .border-title h2, .border-title h3, .border-title h4, .border-title h5, .border-title h6, .border-title .tag-line, .dt-sc-box-title span, .dt-sc-box-title h3 { font-weight: 300; } .bbar-text, .border-title .tag-line, .floral-head { font-family: 'Tangerine', cursive; } .dt-sc-price { font-family: 'Myriad Pro',sans-serif; } .donutchart-text { font-family: 'Roboto',sans-serif; } /*----*****---- << Headings >> ----*****----*/ h1, h2, h3, h4, h5, h6 { font-weight:normal; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .dt-sc-gift-cards li .dt-sc-gift.product .price, .dt-sc-catalog-menu .dt-sc-catalog-meta { color:#181818; } h1 { font-size:36px; line-height:normal; margin-bottom:30px; } h2 { font-size:30px; line-height:normal; margin-bottom:30px; } h3 { font-size:24px; line-height:normal; margin-bottom:20px; } h4 { font-size:20px; line-height:24px; margin-bottom:20px; } h5 { font-size:18px; line-height:24px; margin-bottom:15px; } h6 { font-size:14px; line-height:24px; margin-bottom:15px; } h1.dt-page-title { float: left; font-size: 30px; margin-bottom: 0; text-align: center; width: 100%; } h1.dt-page-title span { display: inline-block; float: none; padding: 0 20px; } .border-title { display:inline-block; margin:0px 0px 50px; padding:0px; text-align:center; width:100%; } .border-title h1, .border-title h2, .border-title h3, .border-title h4, .border-title h5, .border-title h6 { margin-bottom: 15px; } .border-title h1 { font-size: 40px; } .border-title h2 { font-size: 36px; line-height: 30px; } .border-title h3 { font-size: 32px; } .border-title h4 { font-size: 24px; } .border-title h5 { font-size: 20px; } .border-title h6 { font-size: 18px; } .border-title .tag-line { color: #787878; display: block; font-size: 27px; font-style: normal; line-height: 30px; margin: 0; } .ico-border { display: inline-block; position: relative; width: 124px; } .ico-border .ico-bg { background-position: left top; background-repeat: no-repeat; content: ""; display: block; height: 20px; margin: 0 auto; position: relative; width: 20px; } .ico-border .ico-bg.flower { background-image:url(images/ico-flower.png); } .ico-border:before, .ico-border:after { content:""; background: #181818; display: inline-block; height: 4px; position: absolute; top: 8px; width: 42px; } .ico-border:before { left: 0; } .ico-border:after { right: 0; } .fullwidth-section.dark-bg .ico-border .ico-bg, .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price .ico-border, #footer .ico-border .ico-bg { opacity: 0.15; filter: alpha(opacity=15); } .fullwidth-section.dark-bg .ico-border:before, .fullwidth-section.dark-bg .ico-border:after { opacity: 0.45; filter: alpha(opacity=45); } .fullwidth-section.dark-bg .ico-border .ico-bg, .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price .ico-border .ico-bg { background-position: right top; } .fullwidth-section.dark-bg .ico-border:before, .fullwidth-section.dark-bg .ico-border:after { background: rgba(255, 255, 255, 0.4); } .fullwidth-section.dark-bg .dt-sc-box-title { border-color: rgba(255, 255, 255, 0.15); } .fullwidth-section.dark-bg .dt-sc-box-title h3 { color: #fff; } .fullwidth-section.dark-bg .dt-sc-box-title h3 span { background: #fff; } /*----*****---- << Transition >> ----*****----*/ a, input[type=submit], button, input[type=button], .widget ul li, #secondary .widget h3.widgettitle, #secondary .widget h3.widgettitle a:before, #secondary h2.filtering, #secondary h2.filtering span:before, #top-bar .phone-no, .dt-sc-social-icons li img, #main-menu ul li, #main-menu > ul > li > ul:before, #main-menu ul ul li ul:before, .slider-next-arrow, .dt-sc-ico-content.type2 .icon, .carousel-arrows a span, .portfolio .portfolio-thumb img, .blog-entry .entry-thumb-meta .entry-meta span, .side-nav-container ul li a span, .partner-carousel li, .carousel-arrows a:hover span, .dt-sc-testimonial .author img, .dt-sc-testimonial .author img:hover, .portfolio .portfolio-detail .views, h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before, ul.side-nav li a:before, .megamenu-child-container > ul.sub-menu > li > a .menu-item-description, .widget ul li, .widget_categories ul li a span, .widget.widget_archive ul li a span, .datepicker td span, .datepicker td, .datepicker th { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; } .social-share-icons li img { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } /*----*****---- << Text Elements >> ----*****----*/ a{ text-decoration:none; } a:hover { color:#2d2d29; } a img{ border:none; } strong{ font-weight: bold; } em{ font-style: italic; } address { display:block; margin:10px 0px 20px; } abbr { border-bottom: 1px dotted #2d2d29; cursor:help; } ins { background: #fff9c0; color:#2d2d29; } sub, sup { font-size: 75%; line-height:0; position: relative; vertical-align: baseline; } sub { bottom: -3px; } sup { top: -5px; } p { line-height:24px; margin-bottom:10px; } ul, ol, pre, code{ margin-bottom:20px; } ul { list-style-type:square; list-style-position:inside; } ul li { padding-bottom:10px; } ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; } ul ul ul { margin-bottom:0px; list-style-type:circle; } ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; padding-top:10px; } ol li { padding-bottom:10px; } ol li ol { margin-bottom:0px; list-style-type:lower-alpha; } ol ol ol { margin-bottom:0px; list-style-type:lower-roman; } pre, code{ border-left:3px solid #d9d9d9; background-color:#ededed; display:block; padding:10px 3%; font-size:11px; font-family: monospace; line-height:20px; width:94%; overflow:auto; } hr{ background-color:#e6e2d6; border:none; height:1px; margin:30px 0; } blockquote { border-left:3px solid; background:#f5f5f5; display:block; padding:20px; margin:0px; position:relative; clear:left; } blockquote q { font-style:normal; font-size:14px; line-height:24px; display:block; color:#808080; } blockquote cite { font-size:12px; margin:10px 0px 0px; display:block; text-align:right; color:#2d2d29; } blockquote:before { content:""; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #ffffff; left:-3px; width:0; height:0; margin:auto; top:0px; bottom:0; position:absolute; } blockquote p { margin-bottom:0px; } 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; } /* due to IE
margin bugs I had to made classed and apply them to div to achieve the effect of a
*/ .hr{ background:url(images/splitter.png) repeat-x; height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; } .hr-border { border:4px double #D9D9D9; width:100%; clear:both; display:block; float:left; margin:50px 0px; position:relative; z-index:1; border-radius:5px; } .hr-invisible { float:left; width:100%; margin:40px 0px; display:block; clear:both; } .hr-invisible-small { float:left; width:100%; margin:20px 0px; display:block; clear:both; } .hr-invisible-very-small { float:left; width:100%; margin:10px 0px; display:block; clear:both; } .hr.top, .hr-border.top { width:97%; } .hr.top, .hr-border.top { background-position:right center; text-align:right; } .hr.top a, .hr-border.top a { color:#999589; background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-21px; top:-5px; } .hr-border.top a { top:-10px; right:-23px; } .hr.top a:hover, .hr-border.top a:hover { color:#2d2d29; } .clear { float:none; clear:both; margin:0px; padding:0px; } .float-right { float:right; } .float-left { float:left; } .center { width:100%; text-align:center; } .hidden { display:none;} .post-edit-link { background:#e5e5e5; color:#5a5a5a; float:right; clear:both; margin:20px 0px 20px; line-height:24px; padding:0px 10px; font-size:12px; } .post-edit-link:hover { background: #4c4c4c; color: #fff; text-shadow:0px 1px 0px #0e4b6e; } .page-link { float:left; clear:both; margin:0px; padding:0px; } .page-link a { background:#f3f3f3; color:#2d2d29; font-weight:bold; padding:2px 10px; float:left; margin-right:10px; } .page-link a span { background:none; color:#2d2d29; padding:0px; margin:0px; } .page-link span { color: #fff; font-weight:bold; padding:2px 10px; float:left; margin-right:10px; } .page-link a:hover span { color: #fff; } /*----*****---- << Tables >> ----*****----*/ table { border-collapse:separate; border-spacing:0; border-color: #ededed; border-style: solid; border-width: 1px 1px 0; clear:both; margin-bottom:20px; width: 100%; } th { background: #f0f0f0; color: #2d2d29; font-size:14px; font-weight: 500; line-height: normal; padding: 15px; text-align: center; } td { border-bottom: 1px solid #ededed; background: #f5f5f5; font-size: 14px; line-height:normal; text-align: left; padding: 13px 15px; } tbody tr:nth-child(2n+1) td { background: #fff; } tbody td .dt-sc-button.small { padding: 7px 14px; font-size:12px; margin: 0; } /*----*****---- << Definition Lists >> ----*****----*/ dl { margin:0px 20px; } dl.gallery-item { margin:0px; } .gallery-caption { margin-bottom:10px; } .gallery-item img { border:10px solid #ededed !important; } dt { font-weight:bold; font-size:14px; margin-bottom:10px; } dd { margin-bottom:20px; line-height:20px; } /*----*****---- << Forms >> ----*****----*/ label{ color:#2d2d29; } label span{ color:#b4b4b4; } label span.required { color:#ff0000; } fieldset{ border:1px solid #efefef; 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 { background:#fff; border:1px solid #e3e3e3; color: inherit; padding:15px; display:block; font-size:14px; margin: 10px 0 10px; width:100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } 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 { border-color:#dadada; } input[type=number] { appearance: textfield; -webkit-appearance: textfield; -moz-appearance: textfield; } textarea { height:190px; overflow:auto; } select { background-color: #fff; background-image: url(images/select-box.jpg); background-position: center right; background-repeat: no-repeat; border: 1px solid #e3e3e3; color: #808080; cursor: pointer; display:block; height: 50px; margin: 10px 0; padding: 15px 10px; outline: none; text-indent: 0.01px; text-overflow: ''; width: 100%; appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } select option { padding: 0 15px; } .selection-box { display: block; position:relative; } .selection-box:before, .selection-box:after { content:""; pointer-events:none; position:absolute; } .selection-box:before { z-index:1; right: 20px; top: 3px; bottom:0; height:0; margin:auto; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.2); } .selection-box:after { width:48px; height:48px; right:0px; top:1px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:#fff; } .selection-box select { background:#fff; } input[type="submit"], button, input[type="button"] { border: 1px solid; color: #fff; cursor: pointer; float: right; margin: 10px 0 0; font-size: 14px; padding: 11px 20px; /*text-transform: capitalize;*/border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } input[type="submit"]:hover, button:hover, input[type="button"]:hover { color: #fff; } .searchform input[type="text"], #searchform input[type="text"] { color: #808080; float: left; font-size: 14px; width: 220px; } .searchform input[type="submit"], #searchform input[type="submit"] { background-image: url(images/ico-search.png); background-repeat: no-repeat; background-position: center center; float:left; font-size: 0; height: 15px; padding: 24px 22px; text-indent: -999px; width: 15px; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; } /*----*****---- << Images >> ----*****----*/ #primary img { max-width:100%; } .ie8 #primary img { width:auto; } .post-content input[type="submit"] { float:none; } .wp-caption { background:#ededed; border:1px solid #d9d9d9; margin-bottom:10px; margin-top:10px; max-width:96%; padding: 6px 5px; text-align:center; } .wp-caption img { display:block; margin: 0 auto; padding:6px; max-width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } /*#primary .wp-caption img { max-width: 98%; }*/ .wp-caption .wp-caption-text { text-align:center; padding-top: 0; margin: 0; } .wp-caption.alignnone { clear: both; } img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; } .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; } .alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; } /*----*****---- << Widgets >> ----*****----*/ .widget { float:left; width:100%; padding: 0 0 40px; margin: 0; } .widget h3.widgettitle { font-size:20px; margin-bottom:25px; padding-bottom:0px; position:relative; text-transform:capitalize; } .ico-border-title { padding-bottom: 10px; position: relative; } #secondary .widget h3.widgettitle, #primary .widget h3.widgettitle { padding-bottom: 10px; text-transform: uppercase; } #secondary .widget h3.widgettitle:before, #primary .widget h3.widgettitle:before, .ico-border-title:before { border-bottom: 1px solid #acabb1; bottom: 0; content: ""; position: absolute; left: 0; right: 20px; } #secondary .widget h3.widgettitle:after, #primary .widget h3.widgettitle:after, .ico-border-title:after { background-position: left top; background-repeat: no-repeat; content:""; display: inline-block; height: 15px; bottom: -6px; position: absolute; right: 0; width: 15px; } #secondary .widget h3.widgettitle:after, #primary .widget h3.widgettitle:after, .ico-border-title.flower:after { background-image: url("images/ico-flower-medium.png"); } .widget ul { float:left; width:100%; margin:0px; padding: 0; } .widget ul li { float: left; display: block; clear: both; line-height: 24px; padding-bottom: 0; width: 100%; } .widget ul li a { color:#2d2d29; font-weight: 500; } #secondary .widget h3 a, #secondary .widget h4 a, #secondary .widget h5 a, #secondary .widget h6 a { color: #2d2d29; } #secondary img { max-width: 100%; height:auto; } .ie8 img { width:auto; } /*#secondary .wp-caption img { max-width:96%; }*/ #secondary th, #secondary td { padding:10px; } #secondary #wp-calendar td a { color: #2d2d29; } .widget ul ul { margin-top:10px; margin-left:20px; } .widget ul ul li { width:90%; } .widget.widget_archive ul li { position:relative; } .widget_categories ul, .widget.widget_archive ul, .widget.widget_meta ul { margin-top:-12px; } .widget_categories ul li, .widget.widget_archive ul li { display:block; float: none; margin: 0; padding: 0; position:relative; } .widget_categories ul li a, .widget.widget_archive ul li a { border-bottom: 1px solid #ededed; display: block; line-height: 40px; margin-bottom: 5px; padding: 0 45px 5px 20px; text-transform: capitalize; } .widget_categories ul li a span, .widget.widget_archive ul li a span { color: #fff; height:40px; line-height:40px; position:absolute; right: 0; text-align:center; top: 0; width:40px; } #secondary .widget_categories ul li a:before, #secondary .widget_archive ul li a:before, #secondary .widget_pages ul li a:before, #secondary .widget_meta ul li a:before, #secondary .widget_nav_menu ul li a:before, #primary .widget_categories ul li a:before, #primary .widget_archive ul li a:before, #primary .widget_pages ul li a:before, #primary .widget_meta ul li a:before, #primary .widget_nav_menu ul li a:before { content:"\f06c"; font-family:FontAwesome; font-size:14px; font-style:normal; font-weight:normal; left:0px; position:absolute; text-decoration:inherit; top:1px; } #secondary .widget_categories ul li a:before, #primary .widget_categories ul li a:before { content:"\f07c"; } #secondary .widget_archive ul li a:before, #primary .widget_archive ul li a:before { content:"\f187"; } #secondary .widget_pages ul li a:before, #primary .widget_pages ul li a:before { content:"\f06c"; } #secondary .widget_meta ul li a:before, #primary .widget_meta ul li a:before { content:"\f0a4"; } #secondary .widget_nav_menu ul li a:before, #primary .widget_nav_menu ul li a:before { content:"\f06c"; } #secondary .widget_pages ul li, #secondary .widget_meta ul li, #secondary .widget_nav_menu ul li, #primary .widget_pages ul li, #primary .widget_meta ul li, #primary .widget_nav_menu ul li { position:relative; float:none; display:block; margin:0px 0px 10px; padding:0px; margin:0px; } #secondary .widget_pages ul li a, #secondary .widget_meta ul li a, #secondary .widget_nav_menu ul li a, #primary .widget_pages ul li a, #primary .widget_meta ul li a, #primary .widget_nav_menu ul li a { padding:0px 45px 5px 20px; margin-bottom:5px; display:block; line-height:30px; border-bottom:1px solid #ededed; } .widget form { margin: 0; float:left; clear:both; width:100%; } .widget.mailchimp .mailchimp-form input[type="email"] { padding: 15px; } .widget.mailchimp .mailchimp-form .nl-submit { padding: 12px 20px; } .widget .searchform, .widget #searchform { margin-top: 0; } .widget .searchform input[type="text"], .widget #searchform input[type="text"] { width: 80%; } .widget .searchform input[type="submit"], .widget #searchform input[type="submit"] { padding: 24px 21px } #secondary .widget .selection-box:after { border: 1px solid #e3e3e3; height: 48px; top: 0; } #secondary .widget select { width: 99.6%; } .widget.widget_recent_entries .recent-posts-widget ul li { margin-bottom: 20px; } .widget.widget_recent_entries .recent-posts-widget .post-thumb { float: left; margin: 0 15px 0 0; } .widget.widget_recent_entries .recent-posts-widget .post-thumb .thumb { display: inline-block; max-width:100%; } .widget.widget_recent_entries .recent-posts-widget .post-thumb, .widget.widget_recent_entries .recent-posts-widget .post-thumb .thumb { line-height: 0; position: relative; } .widget.widget_recent_entries .recent-posts-widget h4 { display: block; font-size:14px; font-weight: 500; line-height: normal; margin: 0 0 10px; } .widget.widget_recent_entries .recent-posts-widget .post-meta p { border-left: none; float: left; margin: 0; padding: 0 10px 0 0; } .widget.widget_recent_entries .recent-posts-widget .post-meta p a, .widget.widget_recent_entries .recent-posts-widget .post-meta p span { color: #808080; font-weight: normal; } .widget.widget_recent_entries .recent-posts-widget .post-meta p span { font-size: 12px; margin-right: 8px; } #secondary .widget.widget_recent_entries .recent-posts-widget ul li:before, #primary .widget.widget_recent_entries .recent-posts-widget ul li:before { content:""; } #secondary .widget.widget_recent_entries .recent-posts-widget ul li, #primary .widget.widget_recent_entries .recent-posts-widget ul li { border: none; padding-left: 0; } #secondary .widget.widget_recent_entries .recent-posts-widget ul li a { display: inline-block; padding: 0; } .widget.widget_recent_entries .recent-posts-widget .post-thumb, .recent-portfolio-widget ul li .thumb { width: 85px; } #secondary .widget.widget_recent_entries ul li, #secondary .widget.widget_recent_comments ul li, #primary .widget.widget_recent_entries ul li, #primary .widget.widget_recent_comments ul li { position:relative; border-bottom:1px solid #ededed; } #secondary .widget.widget_recent_entries ul li a, #primary .widget.widget_recent_entries ul li a { padding-left:20px; padding-bottom:10px; padding-top:10px; display:block; } #secondary .widget.widget_recent_entries ul li span, #primary .widget.widget_recent_entries ul li span { display: inline-block; padding: 0 0 10px 20px; width: 100%; } #secondary .widget.widget_recent_entries .recent-posts-widget .post-meta p span, #primary .widget.widget_recent_entries .recent-posts-widget .post-meta p span { display: inline; padding: 0; width: auto; } #secondary .widget.widget_recent_entries .recent-posts-widget a, #primary .widget.widget_recent_entries .recent-posts-widget a { display: inline; padding: 0; } #secondary .widget.widget_recent_comments ul li, #primary .widget.widget_recent_comments ul li { padding-left:20px; padding-bottom:10px; padding-top:10px; display:block; width: 92%; } #secondary .widget.widget_recent_entries ul li:before, #secondary .widget.widget_recent_comments ul li:before, #secondary .widget.widget_mostlikedposts ul li:before, #primary .widget.widget_recent_entries ul li:before, #primary .widget.widget_recent_comments ul li:before, #primary .widget.widget_mostlikedposts ul li:before { content:"\f06c"; color: #2d2d29; font-family:FontAwesome; font-size:14px; font-style:normal; font-weight:normal; left:0px; position:absolute; text-decoration:inherit; top:11px; } #secondary .widget.widget_recent_entries ul li:before, #primary .widget.widget_recent_entries ul li:before { content:"\f06c"; } #secondary .widget.widget_recent_comments ul li:before, #primary .widget.widget_recent_comments ul li:before { content:"\f086"; } #secondary .widget.widget_mostlikedposts ul li:before, #primary .widget.widget_mostlikedposts ul li:before { content:"\f184"; } #secondary .widget.widget_recent_entries ul li:first-child a, #primary .widget.widget_recent_entries ul li:first-child a { padding-top: 0; } #secondary .widget.widget_recent_entries ul li:first-child:before, #primary .widget.widget_recent_entries ul li:first-child:before { top: 1px; } .widget_mostlikedposts ul li { border-bottom: 1px solid #ededed; display:inline-block; position: relative; padding:10px 0 10px 20px; width:100%; } .widget_mostlikedposts ul li a { display: block; } .recent-portfolio-widget ul li { padding-bottom:20px; } .recent-portfolio-widget ul li:last-child { padding-bottom: 0; } .recent-portfolio-widget ul li .thumb { float: left; margin: 0 10px 0 0; max-width: 100px; } .recent-portfolio-widget ul li h6 { display: block; font-weight: 500; line-height:normal; margin-bottom: 5px; } .recent-portfolio-widget ul li p { margin: 0; } .widget.tweetbox ul.tweet_list { list-style-type: none; } .widget.tweetbox ul.tweet_list li { font-size: 14px; line-height: 20px; padding-bottom: 10px; } .widget.tweetbox ul.tweet_list li a:hover { color: #333334; } .widget.tweetbox .tweet-thumb { float: left; margin: 5px 10px 0 0; } .widget.tweetbox .tweet-thumb > a { display: inline-block; width: 100%; } .widget.tweetbox .tweet-thumb img { border: 1px solid #e3e3e3; } .widget.tweetbox .tweet-time, .widget.tweetbox .tweet-text a { color: #2d2d29; font-weight: normal; } #primary .widget.tweetbox .tweet-thumb { margin-top: 0; } #secondary .widget .tweet_list li { display: block; padding-bottom: 20px; line-height: 24px; } .widget.flickrbox .flickr-widget div { float: left; margin: 0 5px 5px 0; } .widget.flickrbox .flickr-widget div a { float: left; width: 100%; } .widget.flickrbox .flickr-widget div img { float: left; height: 76px; opacity:1; filter:alpha(opacity=100); width: 76px; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; } #secondary .widget.flickrbox .flickr-widget div img { height: 76px; ; } .widget.flickrbox .flickr-widget div img:hover { opacity:0.4; filter:alpha(opacity=40); } .widget.widget_calendar caption { padding-bottom:20px; font-size:16px; font-weight:bold; } #wp-calendar td { background: #fff; } #wp-calendar #prev, #wp-calendar #next { text-align: left; } .widget.widget_nav_menu ul li:before { content: ""; display: inline; } .tagcloud a { border: 1px solid; color:#fff; float:left; font-size:13px !important; margin: 0 5px 10px 0; padding: 5px 10px; position: relative; z-index:1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .tagcloud a:after { background:#fff; content:''; height:0; left:0; position:absolute; top:0; width:100%; z-index:-1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .tagcloud a:hover:after { height: 100%; } #secondary .tagcloud a { padding: 3px 8px; } .widget.widget_rss li { padding-bottom: 20px; } .widget.widget_rss img { display: none; } .widget_rss .rsswidget, .widget_rss .rss-date, .widget_rss cite { font-weight: 500; } .widget_rss .rss-date { display: block; } .widget_rss .rssSummary { font-size: 13px; font-weight: 300; } .widget.widget_recent_comments li a { display: inline; } .widget_text .textwidget { line-height: 24px; } .widget ul.dt-sc-fancy-list.type2 li .fa { margin-right: 10px; } .dt-sc-w-hours { float: left; width: 100%; } .dt-sc-w-hours li { display: inline-block; padding-bottom: 10px; width: 100%;} .dt-sc-w-hours li .day { float: left; padding-right: 8px; } .dt-sc-numbered-list li span.day { background: none; padding:0; } #secondary .dt-sc-titled-box-content { float: left; } #secondary .dt-sc-appointment .dt-sc-contact-info i { margin-right:5px; } #secondary .dt-sc-appointment .dt-sc-contact-info { font-size:13px; } /*----*****---- << Layout >> ----*****----*/ /*----*****---- << Container >> ----*****----*/ .container { width:1170px; margin:0 auto; position:relative; } .wrapper { clear:both; width:100%; margin:0px; padding:0px; float:left; } .boxed .wrapper { width:1240px; margin:0 auto; float:none; } .inner-wrapper { margin: 0; width:100%; float:left; padding:0px; } .boxed .inner-wrapper { background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } /* Bbar */ #bbar-wrapper { float:left; line-height: 40px; margin: 0; position:relative; padding: 0px; width:100%; } #bbar-wrapper #bbar-body { display: block; float: left; position:relative; width: 100%; z-index:99999; } #bbar-wrapper .fa { font-size: 20px; margin-right: 3px; position: relative; top: 2px; } #bbar-wrapper .column { display: inline-block; padding: 0; } #bbar-wrapper .dt-sc-social-icons { float: left; line-height: normal; margin: 5px 0 0; } #bbar-wrapper .dt-sc-social-icons li { margin-bottom: 0; } #bbar-wrapper .dt-sc-social-icons li img:first-child { display: block; } #bbar-wrapper .dt-sc-social-icons li:hover img:first-child { display: block; z-index: 1; } #bbar-wrapper .dt-sc-social-icons li img:last-child, #bbar-wrapper .dt-sc-social-icons li:hover img:last-child { display: none; } #bbar-wrapper .column.alignright { float: right; text-align: right; margin-bottom: 0; } #bbar-close, #bbar-open { position: absolute; right: 10px; top: 0; cursor:pointer; } #bbar-wrapper .bbar-text { font-size: 24px; line-height: 30px; margin: 5px 0 0; } #bbar-body > img { max-width: 80%; } #bbar-wrapper a { border-left:1px solid #fff; display:inline-block; line-height: 15px; margin: 0 0 0 8px; padding: 0 0 0 10px; } #bbar-wrapper a.first { border:none; padding-left:0px; margin-left:0px; } #bbar-wrapper ul.top-menu, #bbar-wrapper ul.menu { margin:0px; } #bbar-wrapper ul.top-menu li, #bbar-wrapper ul.menu li { display:inline; } #bbar-wrapper ul.top-menu li:first-child a, #bbar-wrapper ul.menu li:first-child a { padding-left:0px; margin-left:0px; border:none; } #bbar-wrapper, #bbar-wrapper i, #bbar-wrapper a, #bbar-wrapper .bbar-text, #bbar-wrapper a:hover, #bbar-wrapper.type1 a:hover { color: #fff; } #bbar-wrapper.type2 #bbar-body, #bbar-wrapper.type5 #bbar-body { padding: 3px 0; } #bbar-wrapper.type5 { line-height: 42px; } #bbar-wrapper.type5 .dt-sc-social-icons { float: right; } #bbar-wrapper.type5 .dt-sc-social-icons li img { opacity: 0.25; filter: alpha(opacity=25); } #bbar-wrapper.type5 .dt-sc-social-icons li:hover img { opacity: 1; filter: alpha(opacity=100); } #bbar-wrapper.type1, #bbar-wrapper.type1 i, #bbar-wrapper.type1 a, #bbar-wrapper.type1 .bbar-text, #bbar-wrapper.type4, #bbar-wrapper.type4 i, #bbar-wrapper.type4 a, #bbar-wrapper.type4 .bbar-text, #bbar-wrapper.type5, #bbar-wrapper.type5 i, #bbar-wrapper.type5 a, #bbar-wrapper.type5 .bbar-text { color: rgba(255, 255, 255, 0.32); } #bbar-wrapper.type1 #bbar-body, #bbar-wrapper.type4 #bbar-body, #bbar-wrapper.type5 #bbar-body { background: rgba(0, 0, 0, 0.2); } #bbar-wrapper.type1 a, #bbar-wrapper.type4 a, #bbar-wrapper.type5 a { border-left-color: rgba(255, 255, 255, 0.15); } #bbar-wrapper.type1 a:hover { color: rgba(255, 255, 255, 0.6); } .bbar-divider { content:""; float: left; display: block; height: 1px; opacity: 0.1; filter: alpha(opacity=10); width: 100%; } #bbar-wrapper .bbar-divider { /* SVG fallback for IE 9 (could be data URI, or could use filter) */ background-image: url(fallback-gradient.svg); /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */ background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)) 90%, to(rgba(0, 0, 0, 0))); /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 90%, rgba(0, 0, 0, 0)); /* Firefox 3.6 - 15 */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 90%, rgba(0, 0, 0, 0)); /* Opera 11.1 - 12 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 90%, rgba(0, 0, 0, 0)); /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */ background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 90%, rgba(0, 0, 0, 0)); /* "IE 6-8 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffffff, endColorstr=#000000); /* IE 8-9 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffffff, endColorstr=#000000)"; } /****** Social Icons *****/ .dt-sc-social-icons { float:right; margin:0px; padding:0px; } .dt-sc-social-icons li { display:inline-block; *display:inline; height:34px; overflow:hidden; margin: 0 3px 5px; padding: 0; position:relative; width:34px; z-index:1; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .dt-sc-social-icons li img { border:2px solid #c4c4c4; bottom: 0; left: 0; position:absolute; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; } .dt-sc-social-icons li img:first-child { display: none; } .dt-sc-social-icons li:hover img:first-child { display:block; z-index: 1; } .dt-sc-social-icons li:hover img:last-child { display: none; } .dt-sc-social-icons li:after { content:''; position:absolute; z-index:-1; width:100%; height:0; top:0; left:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .dt-sc-social-icons li:hover:after { height: 100%; } .dt-sc-social-icons li.delicious:hover:after { background:#2648be; } .dt-sc-social-icons li.delicious:hover img { border-color:#2648be; } .dt-sc-social-icons li.deviantart:hover:after { background:#54675a; } .dt-sc-social-icons li.deviantart:hover img { border-color:#54675a; } .dt-sc-social-icons li.digg:hover:after { background:#1a5891; } .dt-sc-social-icons li.digg:hover img { border-color:#1a5891; } .dt-sc-social-icons li.dribble:hover:after { background:#f974a4; } .dt-sc-social-icons li.dribble:hover img { border-color:#f974a4; } .dt-sc-social-icons li.facebook:hover:after { background:#3c5b9b; } .dt-sc-social-icons li.facebook:hover img { border-color:#3c5b9b; } .dt-sc-social-icons li.flickr:hover:after { background:#e30377; } .dt-sc-social-icons li.flickr:hover img { border-color:#e30377; } .dt-sc-social-icons li.google:hover:after { background:#ba3526; } .dt-sc-social-icons li.google:hover img { border-color:#ba3526; } .dt-sc-social-icons li.gtalk:hover:after { background:#23458f; } .dt-sc-social-icons li.gtalk:hover img { border-color:#23458f; } .dt-sc-social-icons li.lastfm:hover:after { background:#d12540; } .dt-sc-social-icons li.lastfm:hover img { border-color:#d12540; } .dt-sc-social-icons li.linkedin:hover:after { background:#0173b2; } .dt-sc-social-icons li.linkedin:hover img { border-color:#0173b2; } .dt-sc-social-icons li.mail:hover:after { background:#edc719; } .dt-sc-social-icons li.mail:hover img { border-color:#edc719; } .dt-sc-social-icons li.myspace:hover:after { background:#4f79c6; } .dt-sc-social-icons li.myspace:hover img { border-color:#4f79c6; } .dt-sc-social-icons li.picasa:hover:after { background:#8a66a3; } .dt-sc-social-icons li.picasa:hover img { border-color:#8a66a3; } .dt-sc-social-icons li.pinterest:hover:after { background:#ca1325; } .dt-sc-social-icons li.pinterest:hover img { border-color:#ca1325; } .dt-sc-social-icons li.reddit:hover:after { background:#ff1a00; } .dt-sc-social-icons li.reddit:hover img { border-color:#ff1a00; } .dt-sc-social-icons li.rss:hover:after { background:#ffb922; } .dt-sc-social-icons li.rss:hover img { border-color:#ffb922; } .dt-sc-social-icons li.skype:hover:after { background:#00aaf1; } .dt-sc-social-icons li.skype:hover img { border-color:#00aaf1; } .dt-sc-social-icons li.stumbleupon:hover:after { background:#eb4924; } .dt-sc-social-icons li.stumbleupon:hover img { border-color:#eb4924; } .dt-sc-social-icons li.technorati:hover:after { background:#5bb834; } .dt-sc-social-icons li.technorati:hover img { border-color:#5bb834; } .dt-sc-social-icons li.tumblr:hover:after { background:#2a445f; } .dt-sc-social-icons li.tumblr:hover img { border-color:#2a445f; } .dt-sc-social-icons li.twitter:hover:after { background:#2caae1; } .dt-sc-social-icons li.twitter:hover img { border-color:#2caae1; } .dt-sc-social-icons li.viadeo:hover:after { background:#f4982b; } .dt-sc-social-icons li.viadeo:hover img { border-color:#f4982b; } .dt-sc-social-icons li.vimeo:hover:after { background:#41b2dc; } .dt-sc-social-icons li.vimeo:hover img { border-color:#41b2dc; } .dt-sc-social-icons li.yahoo:hover:after { background:#7c1f70; } .dt-sc-social-icons li.yahoo:hover img { border-color:#7c1f70; } .dt-sc-social-icons li.youtube:hover:after { background:#ff3431; } .dt-sc-social-icons li.youtube:hover img { border-color:#ff3431; } /*----*****---- << Header >> ----*****----*/ #header-wrapper-sticky-wrapper { max-width: 100%; } #header-wrapper { width: 100%; } #header { background-color: #292929; float: left; margin: 0; padding: 0; position: relative; z-index: 9999; width: 100%; } #header:after { background-image: url("images/header-bg.png"); background-position: right center; background-repeat: no-repeat; content: ""; height: 129px; position: absolute; bottom: 6px; right: 10px; width: 290px; z-index: 99; } .is-sticky #header-wrapper { background: #292929; z-index: 9999; } .boxed .is-sticky #header-wrapper { width: 1240px; } .is-sticky #header { border-bottom: 2px solid; padding: 0; } .is-sticky #header:before { content: ""; height: 100%; bottom: -2px; left: 0; position: absolute; width: 100%; box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.55); -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.55); -ms-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.55); -o-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.55); transition: height 0.3s ease 0s; -webkit-transition: height 0.3s ease 0s; -moz-transition: height 0.3s ease 0s; -ms-transition: height 0.3s ease 0s; -o-transition: height 0.3s ease 0s; } #logo { float: left; display: inline; padding: 0; width: 20%; margin: 10px 0 0; } #logo a { width:100%; display:block; line-height:normal; } #logo a img { max-width: 100%; } #logo h2 { margin: 35px 0 0; } #logo h2 a { font-size: 24px; font-weight: 700; color: #2d2d29; } /************* Menu ************/ #main-menu { float: right; line-height: normal; margin: 0; padding: 0; position: relative; width: 80%; z-index: 100; } #main-menu > ul.menu { float: right; margin: 0; padding: 0; } #main-menu > ul.menu > li { padding: 0; margin: 0 3px; display: inline; float: left; line-height: 90px; position: relative; } #main-menu > ul.menu > li > a { border-color: rgba(0,0,0,0); border-style: solid; border-width: 0 0 2px 2px; display: inline; padding: 4px 18px 8px 16px; margin: 0; font-size: 14px; color: #fff; text-transform: uppercase; } #main-menu ul li a .menu-icon { margin-right: 8px; } #main-menu > ul.menu > li.current_page_item > span, #main-menu > ul.menu > li.current-menu-ancestor > span { display: block; } #main-menu > ul > li > a:hover, #main-menu > ul > li:hover > a, #main-menu > ul > li.current-menu-ancestor > a:hover, #main-menu > ul > li.current-menu-item > a:hover, #main-menu > ul > li.current_page_ancestor > a:hover, #main-menu > ul > li.current_page_item > a:hover, #main-menu > ul > li.current_page_item > a, #main-menu > ul > li.current-menu-item > a, #main-menu > ul > li.current-menu-ancestor > a, #main-menu > ul > li.current_page_ancestor > a { color: #fff; } #main-menu > ul.menu.rounded > li { line-height: 100px; } #main-menu > ul.menu.rounded > li > a { border-width: 2px; padding: 10px 22px 8px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; } #main-menu > ul.menu.rounded > li > a:hover, #main-menu > ul.menu.rounded > li:hover > a, #main-menu > ul.menu.rounded > li.current-menu-ancestor > a:hover, #main-menu > ul.menu.rounded > li.current-menu-item > a:hover, #main-menu > ul.menu.rounded > li.current_page_ancestor > a:hover, #main-menu > ul.menu.rounded > li.current_page_item > a:hover, #main-menu > ul.menu.rounded > li.current_page_item > a, #main-menu > ul.menu.rounded > li.current-menu-item > a, #main-menu > ul.menu.rounded > li.current-menu-ancestor > a, #main-menu > ul.menu.rounded > li.current_page_ancestor > a, #main-menu > ul.menu.rounded.with-hover-style > li > a:hover, #main-menu > ul.menu.rounded.with-hover-style > li:hover > a, #main-menu > ul.menu.rounded.with-hover-style > li.current-menu-ancestor > a:hover, #main-menu > ul.menu.rounded.with-hover-style > li.current-menu-item > a:hover, #main-menu > ul.menu.rounded.with-hover-style > li.current_page_ancestor > a:hover, #main-menu > ul.menu.rounded.with-hover-style > li.current_page_item > a:hover, #main-menu > ul.menu.rounded.with-hover-style > li.current_page_item > a, #main-menu > ul.menu.rounded.with-hover-style > li.current-menu-item > a, #main-menu > ul.menu.rounded.with-hover-style > li.current-menu-ancestor > a, #main-menu > ul.menu.rounded.with-hover-style > li.current_page_ancestor > a, #main-menu > ul.menu > li > a:hover, #main-menu > ul.menu > li:hover > a, #main-menu > ul.menu > li.current-menu-ancestor > a:hover, #main-menu > ul.menu > li.current-menu-item > a:hover, #main-menu > ul.menu > li.current_page_ancestor > a:hover, #main-menu > ul.menu > li.current_page_item > a:hover, #main-menu > ul.menu > li.current_page_item > a, #main-menu > ul.menu > li.current-menu-item > a, #main-menu > ul.menu > li.current-menu-ancestor > a, #main-menu > ul.menu > li.current_page_ancestor > a { border-color: #fff; } #main-menu > ul.menu.rounded.type2 > li > a { position: relative; } #main-menu > ul.menu.rounded.type2 > li > a:after, #main-menu > ul.menu.rounded.type2 > li > a:before { border-style: solid; border-color: rgba(0,0,0,0); border-top: 8px solid #fff; content: ""; display: none; margin: 0 auto; position: absolute; left: 0; right: 0; top: 100%; width: 0; } #main-menu > ul.menu.rounded.type2 > li > a:after { border-top-color: #fff; border-width: 10px; } #main-menu > ul.menu.rounded.type2 > li > a:before { border-width: 6px; z-index: 1; } #main-menu > ul.menu.rounded.type2 > li.current_page_item > a:after, #main-menu > ul.menu.rounded.type2 > li > a:hover:after, #main-menu > ul.menu.rounded.type2 > li:hover > a:after, #main-menu > ul.menu.rounded.type2 > li.current_page_item > a:before, #main-menu > ul.menu.rounded.type2 > li > a:hover:before, #main-menu > ul.menu.rounded.type2 > li:hover > a:before { display: block; } #main-menu > ul.menu.rounded li .megamenu-child-container, #main-menu > ul.menu.rounded.with-hover-style li .megamenu-child-container { top: 100px; } #main-menu > ul.menu.rounded li.menu-item-simple-parent ul, #main-menu ul.menu.rounded.with-hover-style li.menu-item-simple-parent ul { top: 90px; } #main-menu > ul.menu.rounded li.menu-item-simple-parent ul li ul { top: -10px; } /****** Simple Drop Down Menu *****/ #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; } #main-menu ul li.menu-item-simple-parent:hover > ul, #main-menu ul li.menu-item-simple-parent ul li:hover > ul, #main-menu ul li.menu-item-simple-parent ul li ul li:hover ul { display:block; } #main-menu ul li.menu-item-simple-parent ul { border-top: 2px solid; float: left; left: 0; padding:10px 0 10px; position: absolute; top: 81px; width: 220px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25); } #main-menu ul li.menu-item-simple-parent ul li { display: block; padding: 0 16px; line-height: normal; position: relative; } #main-menu ul li.menu-item-simple-parent ul li a { color: #fff; display: block; font-size: 14px; position:relative; padding: 10px 0; text-transform: capitalize; } #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: 220px; top: -10px; border-top: 0; border-left: 2px solid; padding-top: 5px; } #main-menu ul li.menu-item-simple-parent:last-child ul { right: 0; left: inherit; } #main-menu ul li.menu-item-simple-parent:last-child ul li ul { border-left: none; border-right: 2px solid; right: 220px; left: inherit; } /****** Mega Menu *****/ #main-menu > ul.menu > li > .megamenu-child-container { display:none; } #main-menu > ul.menu > li:hover > .megamenu-child-container { display:block; } .megamenu-child-container { border-top: 2px solid; padding: 10px 10px 15px; position: absolute; top: 91px; left: 0; float: left; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); } .megamenu-2-columns-group .megamenu-child-container { width: 500px; } .megamenu-3-columns-group .megamenu-child-container { width: 750px; } .megamenu-4-columns-group .megamenu-child-container { width: 1000px; } .megamenu-child-container > ul.sub-menu > li { display:inline; float:left; line-height: normal; padding: 15px 15px 0; width: 220px; } .megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth { display: block; width: 470px; } .megamenu-3-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth { display: block; width: 720px; } .megamenu-4-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth { display: block; width: 970px; } .megamenu-child-container > ul.sub-menu { margin: 0; padding: 0; } .megamenu-child-container > ul.sub-menu > li > a, .megamenu-child-container > ul.sub-menu > li .nolink-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: block; font-size: 16px; font-weight: 500; padding: 0 0 10px; } .megamenu-child-container > ul.sub-menu > li > a .menu-item-description, .menu-item-description { color: #b1b1b1; display: block; font-weight: normal; padding: 5px 0 0; } .dt-megamenu-custom-content { display: block; padding: 0; } .megamenu-child-container ul.sub-menu > li > ul { margin: 0; padding: 20px 0 0; } .megamenu-child-container ul.sub-menu > li > ul li { display: block; } .megamenu-child-container ul.sub-menu > li > ul li a { display: block; font-size: 14px; line-height: 24px; padding: 0; position: relative; text-transform: capitalize; } .megamenu-child-container ul.sub-menu > li > ul li:last-child a { border: none; } .megamenu-child-container ul.sub-menu > li > ul > li > ul { padding-left: 20px; } .megamenu-child-container > ul.sub-menu > li > a, .megamenu-child-container > ul.sub-menu > li > .nolink-menu, .megamenu-child-container ul.sub-menu > li > ul li a, .megamenu-child-container > ul.sub-menu > li > a:hover .menu-item-description { color: #fff; } .megamenu-child-container > ul.sub-menu > li.fulwidth-image-link > .nolink-menu { padding: 0; } .megamenu-child-container > ul.sub-menu > li.fulwidth-image-link ul.sub-menu { padding-top: 0; } .megamenu-child-container img { max-width: 100%; } /****** Menu - With-hover-style *****/ #main-menu ul.menu.with-hover-style li .megamenu-child-container > ul.sub-menu > li > a, #main-menu ul.menu.with-hover-style li .megamenu-child-container > ul.sub-menu > li > .nolink-menu { border: none; padding: 0 0 10px; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul, #main-menu ul.menu.with-hover-style li .megamenu-child-container { background: #292929; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul { border-top: none; top:81px; box-shadow: 0 0 2px 0 #000; -webkit-box-shadow: 0 0 2px 0 #000; -moz-box-shadow: 0 0 2px 0 #000; -ms-box-shadow: 0 0 2px 0 #000; -o-box-shadow: 0 0 2px 0 #000; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li { padding: 0 0 8px 24px; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li:last-child { padding-bottom: 0; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li a { border: none; display: inline-block; padding: 5px 15px 6px 0; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li ul { left:221px; top:-10px !important; border: none; box-shadow: -1px 0 1px 0 #000; -webkit-box-shadow: -1px 0 1px 0 #000; -moz-box-shadow: -1px 0 1px 0 #000; -ms-box-shadow: -1px 0 1px 0 #000; -o-box-shadow: -1px 0 1px 0 #000; } #main-menu ul.menu.with-hover-style li .megamenu-child-container { border-top: none; top:91px; box-shadow: 0 0 2px 0 #000; -webkit-box-shadow: 0 0 2px 0 #000; -moz-box-shadow: 0 0 2px 0 #000; -ms-box-shadow: 0 0 2px 0 #000; -o-box-shadow: 0 0 2px 0 #000; } #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu { padding: 14px 0 0; } #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul li { position: relative; } #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul li a { border: none; display: inline-block; padding: 5px 15px 6px 0; } #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul > li > ul { padding-left:16px; } #main-menu ul.menu.with-hover-style .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth { padding: 15px 15px 10px !important; } #main-menu ul.menu.with-hover-style li .megamenu-child-container ul.sub-menu > li > ul li.current_page_item a, #main-menu ul.menu.with-hover-style li .megamenu-child-container ul.sub-menu > li > ul li.current_page_ancestor a, #main-menu ul.menu.with-hover-style li .megamenu-child-container ul.sub-menu > li > ul li.current-menu-item a, #main-menu ul.menu.with-hover-style li .megamenu-child-container ul.sub-menu > li > ul li.current-menu-ancestor a, #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li.current_page_item > a, #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li.current_page_ancestor > a, #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li.current-menu-item > a, #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li.current-menu-ancestor > a, #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li a:hover, #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul li a:hover { color: #fff; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li a:before, #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul li a:before, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul li a:before { border-left: 2px solid; content:""; height:0; position: absolute; top:0; width:0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li:hover > a:before, #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li.current_page_item > a:before, #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul li:hover > a:before, #main-menu ul.menu.with-hover-style li .megamenu-child-container ul.sub-menu > li > ul li.current_page_item a:before, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul li:hover > a:before { opacity: 1; height: 100%; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li a:after, #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul li a:after, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul li a:after { border-top: 2px solid; content:""; height: 0; position: absolute; right:0; top:0; width:0; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li:hover > a:after, #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li.current_page_item > a:after, #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul li:hover > a:after, #main-menu ul.menu.with-hover-style li .megamenu-child-container ul.sub-menu > li > ul li.current_page_item a:after, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul li:hover > a:after { top: 100%; width: auto; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li a:after, #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li a:before, #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul li a:after, #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul li a:before { left: -12px; } #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul li a:before, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul li a:after { left: -10px !important; } #main-menu ul.menu.with-hover-style li.menu-item-simple-parent ul li, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul li a:before, #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu > li > ul li:hover,#main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul li:hover { cursor: pointer; } #main-menu ul li.menu-item-simple-parent ul li a:hover, #main-menu ul li.menu-item-simple-parent ul li.current_page_item > a, #main-menu ul li.menu-item-simple-parent ul li.current_page_ancestor > a, #main-menu ul li.menu-item-simple-parent ul li.current-menu-item > a, #main-menu ul li.menu-item-simple-parent ul li.current-menu-ancestor > a, .megamenu-child-container ul.sub-menu > li > ul li a:hover, .megamenu-child-container ul.sub-menu > li > ul li.current_page_item a, .megamenu-child-container ul.sub-menu > li > ul li.current_page_ancestor a, .megamenu-child-container ul.sub-menu > li > ul li.current-menu-item a, .megamenu-child-container ul.sub-menu > li > ul li.current-menu-ancestor a { color: rgba(255, 255, 255, 0.6); } /****** Mega Menu Widgets *****/ .menu-item-widget-area-container { margin: 0; padding: 0; width:100%; } .menu-item-widget-area-container ul { margin: 0; padding: 0; } #main-menu ul.menu.with-hover-style .megamenu-child-container ul.sub-menu li .menu-item-widget-area-container { display: inline-block; } #main-menu ul.menu li .menu-item-widget-area-container ul.menu { text-align: left; } #main-menu ul.menu li .menu-item-widget-area-container ul.menu li a { font-size: 14px; line-height: normal; font-weight: normal; text-transform: none; padding: 0; clear: both; } #main-menu ul.menu li .menu-item-widget-area-container ul.menu li { clear: both; display:block; } #main-menu ul.menu li .menu-item-widget-area-container ul.menu li, #main-menu ul.menu li .menu-item-widget-area-container ul.menu li ul.sub-menu > li, #main-menu ul.menu li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li, .menu-item-widget-area-container .widget.widget_pages ul li, .menu-item-widget-area-container .widget_meta ul li, .menu-item-widget-area-container .widget_recent_comments ul li { padding: 0 0 10px; } .menu-item-widget-area-container .widget.widget_meta ul li a, .menu-item-widget-area-container .widget.widget_nav_menu ul li a, .menu-item-widget-area-container .widget.widget_pages ul li a, .menu-item-widget-area-container ul li.widget.widget_recent_entries ul li > a { display: block; } .menu-item-widget-area-container .widget_nav_menu ul li a:after, .menu-item-widget-area-container .widget_nav_menu ul li a:before { content: none; } #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container ul.menu li ul.sub-menu, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul.menu li ul.sub-menu { margin-top: 5px; } #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container ul.menu li, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container ul.menu li ul.sub-menu > li, #main-menu.with-hover-style ul.menu li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li { padding: 0; } #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container ul.menu li a, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container ul.menu li ul.sub-menu > li a, #main-menu ul.menu.with-hover-style li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li a, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul.menu li a, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget_nav_menu ul.menu li ul.sub-menu > li a, #main-menu ul.menu.with-hover-style li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li a { display: inline-block; padding: 0 10px 5px 0; position: relative; } #main-menu ul.menu li .menu-item-widget-area-container ul.menu li:last-child, .menu-item-widget-area-container .widget.widget_pages ul li:last-child, .menu-item-widget-area-container .widget.widget_nav_menu ul li:last-child, .menu-item-widget-area-container .widget ul li:last-child { padding-bottom: 0; } #main-menu ul.menu.with-hover-style li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li { padding: 0; } #main-menu ul.menu li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li a { padding: 0; } #main-menu ul.menu.with-hover-style li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li a { padding: 5px 15px 6px 0; } #main-menu ul.menu li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul { margin-top: 10px; } #main-menu ul.menu li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul { margin-left: 20px; padding: 0; } .menu-item-widget-area-container .widget { display: inline; padding: 20px 0 0; } .menu-item-widget-area-container .widget, .menu-item-widget-area-container .widget h3.widgettitle { color: #fff; } .menu-item-widget-area-container .widget_recent_entries h3.widgettitle { margin : 0 !important; } #main-menu ul.menu li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li a, .menu-item-widget-area-container .widget a, .menu-item-widget-area-container .widget ul li a, .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p > a, .menu-item-widget-area-container .widget.tweetbox .tweet-time, .menu-item-widget-area-container .widget.tweetbox .tweet-text a, .menu-item-widget-area-container input[type="text"], .menu-item-widget-area-container input[type="email"], .menu-item-widget-area-container textarea, .menu-item-widget-area-container .widget .searchform input[type="text"], .menu-item-widget-area-container .widget #searchform input[type="text"], .menu-item-widget-area-container .widget select, .menu-item-widget-area-container .widget.widget_archive select, .menu-item-widget-area-container .widget.widget_categories select, #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container .widget.widget_tag_cloud .tagcloud a:hover, .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p > a:hover { color: rgba(255, 255, 255, 0.6) ; } #main-menu ul.menu.with-hover-style li .menu-item-widget-area-container ul.menu li a:hover, #main-menu ul.menu.with-hover-style li .megamenu-child-container .menu-item-widget-area-container ul.sub-menu > li > ul li a:hover { color: rgba(255, 255, 255, 0.6) !important; } .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p > a:hover { color: rgba(255, 255, 255, 0.6) !important; } .menu-item-widget-area-container .widget h3.widgettitle a:hover, .menu-item-widget-area-container .widget a:hover, .menu-item-widget-area-container .widget ul li a:hover, .menu-item-widget-area-container .widget ul ul li a:hover, .menu-item-widget-area-container .widget.tweetbox ul.tweet_list li a:hover, .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p, .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p span, .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p > a { color: rgba(255, 255, 255, 0.3) !important; } .menu-item-fullwidth .widget { display: inline; margin: 20px 15px 0; width: 220px; padding: 0; } .menu-item-widget-area-container .widget h3.widgettitle { font-size: 18px; font-weight: 300; margin-bottom: 20px; } .menu-item-widget-area-container .widget ul li:before { top: 13px; } .menu-item-widget-area-container li.widget ul li:last-child { border: none; } .menu-item-widget-area-container .widget ul li a { font-weight: normal; } .menu-item-widget-area-container .wp-caption { background: #fff; } .menu-item-widget-area-container .wp-caption .wp-caption-text { color: #868686; } .menu-item-widget-area-container .widget table { margin-bottom: 0; } .menu-item-widget-area-container .widget table th { background: rgba(255, 255, 255, 0.1); color: #fff; } .megamenu-child-container > ul.sub-menu > li.fill-two-columns > .menu-item-widget-area-container .widget table th, .megamenu-child-container > ul.sub-menu > li.fill-two-columns > .menu-item-widget-area-container .widget table td, .megamenu-child-container > ul.sub-menu > li.fill-three-columns > .menu-item-widget-area-container .widget table th, .megamenu-child-container > ul.sub-menu > li.fill-three-columns > .menu-item-widget-area-container .widget table td, .megamenu-child-container > ul.sub-menu > li.fill-four-columns > .menu-item-widget-area-container .widget table th, .megamenu-child-container > ul.sub-menu > li.fill-four-columns > .menu-item-widget-area-container .widget table td { padding: 15px; text-align: center; } .menu-item-widget-area-container .widget table th, .menu-item-widget-area-container .widget table td, .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget table th, .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget table td, .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget table th, .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget table td, .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget table th, .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget table td, .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget table th, .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget table td, .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget table th, .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget table td, .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget table th, .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget table td, .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget table th, .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget table td, .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget table th, .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget table td { font-size: 13px; padding: 10px 5px; } .menu-item-widget-area-container .widget #wp-calendar td { background: none; } .menu-item-widget-area-container .widget select { font-size: 12px; padding: 15px 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .megamenu-child-container > ul.sub-menu > li.fill-two-columns > .menu-item-widget-area-container .widget select, .megamenu-child-container > ul.sub-menu > li.fill-three-columns > .menu-item-widget-area-container .widget select, .megamenu-child-container > ul.sub-menu > li.fill-four-columns > .menu-item-widget-area-container .widget select { font-size: 14px; padding: 15px 10px 15px 15px; } .menu-item-widget-area-container input[type="text"], .menu-item-widget-area-container input[type="email"], .menu-item-widget-area-container textarea, .menu-item-widget-area-container .widget select, .menu-item-widget-area-container .widget.widget_archive select, .menu-item-widget-area-container .widget.widget_categories select { background-color: rgba(255, 255, 255, 0); } .menu-item-widget-area-container .widget .selection-box:after { right: 1px; } .menu-item-widget-area-container .widget select option, .menu-item-widget-area-container .widget.widget_archive select option, .menu-item-widget-area-container .widget.widget_categories select option { background: #fff; color: #868686; padding: 10px 15px; } .menu-item-widget-area-container textarea { height: 120px; } .menu-item-widget-area-container .widget .selection-box:after { border-left: none; } #main-menu ul.menu.with-hover-style .menu-item-widget-area-container .widget .selection-box:after { background: #707070; border: 1px solid #707070; top: 0; } .menu-item-widget-area-container input[type="text"], .menu-item-widget-area-container input[type="email"], .menu-item-widget-area-container textarea, .menu-item-widget-area-container .widget table, .menu-item-widget-area-container .widget_categories ul li a, .menu-item-widget-area-container .widget.widget_archive ul li a, .menu-item-widget-area-container .widget .selection-box:after, .menu-item-widget-area-container .widget select, .menu-item-widget-area-container .widget.widget_archive select, .menu-item-widget-area-container .widget.widget_categories select, .menu-item-widget-area-container .widget #wp-calendar td, .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta, .menu-item-widget-area-container .widget_mostlikedposts ul li { border-color: rgba(255, 255, 255, 0.2); } .menu-item-widget-area-container .widget .selection-box:before { border-top-color: rgba(255, 255, 255, 0.2); } #main-menu ul.menu.with-hover-style .menu-item-widget-area-container .widget .selection-box:before { border-top-color: #303030; } .menu-item-widget-area-container .widget.mailchimp .mailchimp-form .nl-submit { width: 100% !important; } .menu-item-widget-area-container .widget .searchform, .menu-item-widget-area-container .widget #searchform { position: relative; } .menu-item-widget-area-container .widget .searchform input[type="text"], .menu-item-widget-area-container .widget #searchform input[type="text"] { line-height: 16px; width: 100%; } .menu-item-widget-area-container .widget .searchform input[type="submit"], .menu-item-widget-area-container .widget #searchform input[type="submit"] { padding: 22px; position: absolute; right: 1px; top: 1px; z-index: 1; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .menu-item-widget-area-container .widget_categories ul li a, .menu-item-widget-area-container .widget.widget_archive ul li a { padding: 0 45px 5px 2px; } .menu-item-widget-area-container .widget_categories ul li a span, .menu-item-widget-area-container .widget.widget_archive ul li a span { top: 0; } .menu-item-widget-area-container .widget_mostlikedposts ul li { border: none; padding: 5px 0; } .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget { margin: 0; padding-bottom: 10px; } .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-thumb { margin: 0 0 25px; width: 100%; } .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget h4 { clear: both; } .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget h4 a { color: #fff; font-weight: 600; } .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta, .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget.widget_recent_entries .recent-posts-widget .post-meta, .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget.widget_recent_entries .recent-posts-widget .post-meta, .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget.widget_recent_entries .recent-posts-widget .post-meta, .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget.widget_recent_entries .recent-posts-widget .post-meta, .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget.widget_recent_entries .recent-posts-widget .post-meta, .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget.widget_recent_entries .recent-posts-widget .post-meta { font-size: 13px; } .megamenu-child-container > ul.sub-menu > li.fill-two-columns .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta, .megamenu-child-container > ul.sub-menu > li.fill-three-columns .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta, .megamenu-child-container > ul.sub-menu > li.fill-four-columns .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta { font-size: inherit; } .megamenu-child-container > ul.sub-menu > li.fill-two-columns .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p, .megamenu-child-container > ul.sub-menu > li.fill-three-columns .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p, .megamenu-child-container > ul.sub-menu > li.fill-four-columns .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p { padding: 0 15px; } .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget.widget_recent_entries .recent-posts-widget .post-meta p { padding: 0 10px; } .megamenu-child-container > ul.sub-menu > li.fill-two-columns .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p span, .megamenu-child-container > ul.sub-menu > li.fill-three-columns .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p span, .megamenu-child-container > ul.sub-menu > li.fill-four-columns .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta p span { font-size: 12px; margin-right: 5px; } .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-meta { display: inline-block; } .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget ul li > p { display: none; } #main-menu ul.menu li .menu-item-widget-area-container .widget.flickrbox .flickr-widget div a { line-height: 0; } .menu-item-widget-area-container ul li.widget.widget_recent_entries ul li { margin-bottom: 10px; } .menu-item-widget-area-container ul li.widget.widget_recent_entries ul li .post-date { float: right; } .menu-item-widget-area-container .recent-portfolio-widget ul li .thumb { width: 90px; } .menu-item-widget-area-container .widget.widget_rss li a { font-weight: normal; } .menu-item-widget-area-container .widget.widget_rss li a span { display: inline-block; } .menu-item-widget-area-container .widget.widget_tag_cloud .tagcloud a { padding: 5px 8px; } .menu-item-widget-area-container .widget.widget_tag_cloud .tagcloud a:hover, #main-menu ul li .menu-item-widget-area-container .widget.widget_product_tag_cloud .tagcloud a:hover { color: #fff; } .menu-item-widget-area-container .recent-portfolio-widget ul li, .menu-item-widget-area-container .recent-portfolio-widget ul li:last-child { padding-bottom: 10px; } .menu-item-widget-area-container li.widget.widget_text ul li:before { content: ""; } .menu-item-widget-area-container li.widget.widget_text ul li { padding: 10px 0 10px 10px; } .menu-item-widget-area-container .dt-sc-contact-info { margin-bottom: 10px; } .menu-item-widget-area-container .dt-sc-contact-info i { width: 10%; margin: 2px 0 0; } .menu-item-widget-area-container .contact-link .dt-sc-contact-info span { width: 0; } .menu-item-widget-area-container .dt-sc-contact-info span, .menu-item-widget-area-container .dt-sc-contact-info p, .menu-item-widget-area-container .dt-sc-contact-info a { margin-right: 0; width: 90%; } .menu-item-widget-area-container .contact-address { border-bottom: 1px dashed; padding-bottom: 10px; margin-bottom: 20px; float: left; clear: both; width: 100%; } .menu-item-widget-area-container .dt-sc-button:hover { color: #fff !important; } .menu-item-widget-area-container .ad-promobox:before, .menu-item-widget-area-container .widget.widget_recent_entries .recent-posts-widget .post-thumb a:before { content:""; display: block; position: absolute; height: 100%; width: 100%; box-shadow: 0 0 0 4px #fff inset; -webkit-box-shadow: 0 0 0 4px #fff inset; -moz-box-shadow: 0 0 0 4px #fff inset; -ms-box-shadow: 0 0 0 4px #fff inset; -o-box-shadow: 0 0 0 4px #fff inset; } /* New Mega Menu Widget area Columns */ .megamenu-child-container > ul.sub-menu > li.fill-two-columns, .megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.fill-three-columns, .megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width: 470px; } .megamenu-child-container > ul.sub-menu > li.fill-three-columns, .megamenu-3-columns-group .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width: 720px; } .megamenu-child-container > ul.sub-menu > li.fill-four-columns { width: 970px; } /* New Mega Menu Widget areas */ .megamenu-2-columns-group .menu-item-fullwidth .widget { width: 205px; } .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget { width: 330px; } .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget, .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget, .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget { width: 210px; } .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget { width: 455px; } .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget { width: 293px; } .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget, .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-four-columns.menu-item-fullwidth .widget { width: 212px; } /*----*****---- << Header Options >> ----*****----*/ #header.header1 #main-menu ul li a .menu-icon, #header.header2 #main-menu ul li a .menu-icon, #header.header5 #main-menu ul li a .menu-icon { display: none; } #header.header2 #logo, #header.header3 #logo { margin: 8px 0 0; } #header.header2 #main-menu > ul.menu li .megamenu-child-container { top: 90px; } #header.header3 #main-menu > ul.menu li .megamenu-child-container { top: 91px; } #header.header2 #main-menu > ul.menu li.menu-item-simple-parent ul { top: 80px; } #header.header3 #main-menu > ul.menu li.menu-item-simple-parent ul { top: 81px; } #header.header3 #main-menu > ul.menu > li > a { font-size: 13px; padding: 4px 14px 8px; } #header.header3 #main-menu > ul.menu > li > a > .menu-icon { font-size: 14px; } #header.header4 #logo { margin: 12px 0 0; width: 15%; } #header.header4 #main-menu > ul.menu > li > a { border: none; margin: 32px 0 30px; padding: 0 10px 0 35px; } #header.header4 #main-menu > ul.menu li, #header.header5 #main-menu > ul.menu li { line-height: 82px; text-align: left; } #header.header5 #main-menu > ul.menu li { line-height: 70px; } #header.header4 #main-menu > ul.menu > li { margin: 0 1px; } #header.header4 #main-menu > ul.menu li:after { content: ""; background: #ededed; height: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; z-index: -1; transition: background 1s ease 0s, height 0.5s ease 0s; -webkit-transition: background 1s ease 0s, height 0.5s ease 0s; -moz-transition: background 1s ease 0s, height 0.5s ease 0s; -ms-transition: background 1s ease 0s, height 0.5s ease 0s; -o-transition: background 1s ease 0s, height 0.5s ease 0s; } #header.header4 #main-menu > ul.menu li.current-menu-ancestor:after, #header.header4 #main-menu > ul.menu li.current_page_ancestor:after, #header.header4 #main-menu > ul.menu li.current-menu-item:after, #header.header4 #main-menu > ul.menu li.current_page_item:after, #header.header4 #main-menu > ul.menu li:hover:after { height: 100%; } #header.header4 #main-menu > ul ul li, #header.header5 #main-menu > ul ul li { line-height: normal !important; } #header.header4 #main-menu > ul.menu > li > a, #header.header5 #main-menu > ul.menu > li > a { display: inline-block; font-size: 13px; line-height: normal; position:relative; } #header.header4 #main-menu > ul.menu > li > a > .menu-icon { font-size: 18px; position: absolute; left: 10px; top: 0; } #header.header4 #main-menu > ul.menu > li > a span { color: #9c9c9c; display: table; font-size: 11px; padding: 6px 0 0; text-transform: capitalize; } #header.header4 .megamenu-child-container { top: 100px; } #header.header4 #main-menu ul li.menu-item-simple-parent ul { top: 90px; } #header.header4 #main-menu ul li.menu-item-simple-parent ul li, #header.header5 .megamenu-child-container > ul.sub-menu > li { margin: 0 !important; } #header.header4 #main-menu ul li.menu-item-simple-parent ul li ul, #header.header5 #main-menu ul li.menu-item-simple-parent ul li ul { top: -15px; } #header.header4 #main-menu ul li.menu-item-simple-parent ul ul ul, #header.header5 #main-menu ul li.menu-item-simple-parent ul ul ul { top: -10px; } #header.header5 #logo { margin: 10px 0 0; width: 100%; text-align: center; } #header.header5 #main-menu { text-align: center; width: 100%; } #header.header5 #main-menu, #header.header5 #main-menu > ul.menu, #header.header5 #main-menu > ul.menu > li { float: none; display: inline-block; } #header.header5 #main-menu > ul.menu > li > a { font-size: 14px; } #header.header5 #main-menu ul li .megamenu-child-container, .is-sticky #header.header5 #main-menu ul li .megamenu-child-container { top: 70px; } #header.header5 #main-menu ul li.menu-item-simple-parent > ul, .is-sticky #header.header5 #main-menu ul li.menu-item-simple-parent > ul { top: 60px; } #header.header3:after, #header.header5:after { content: none; } #header.header1 #main-menu > ul.menu > li span.menu-item-description, #header.header2 #main-menu > ul.menu > li span.menu-item-description, #header.header3 #main-menu > ul.menu > li span.menu-item-description, #header.header5 #main-menu > ul.menu > li span.menu-item-description { display:none; } .is-sticky #header.header5 #logo { display: none; } /*----*****---- << Mobile Menu >> ----*****----*/ .dt-menu-toggle { color: #fff; cursor: pointer; display: none; font-size: 16px; font-weight: bold; padding: 10px 15px; text-transform: uppercase; } .dt-menu-toggle-icon { background: #fff; display: inline-block; float: right; height: 2px; margin-top: 10px; position: relative; text-align: left; width: 20px; } .dt-menu-toggle-icon:before, .dt-menu-toggle-icon:after { background: #fff; content: ""; height: 2px; left: 0; position: absolute; top: -5px; width: 20px; } .dt-menu-toggle-icon:after { top:5px; } .dt-menu-expand { cursor: pointer; display: none !important; font-size: 24px !important; font-weight: bold; height: 42px; line-height: 40px !important; padding: 0 !important; position: absolute !important; right: 0; text-align: center; top: 0; width: 48px; } /*----*****---- << Main >> ----*****----*/ #main { width: 100%; margin: 0; padding: 0 0 125px; float:left; background:#fff; } #primary { float: left; margin: 30px 0 0; padding: 0; width: 900px; } #primary.content-full-width { width: 100%; } #primary.with-left-sidebar { float: right; } #secondary { float: left; margin: 30px 0 0 20px; padding: 0; width: 250px; } #secondary.left-sidebar { margin: 30px 20px 0 0; } .floral-head { border-bottom: 2px solid; display: inline-block; font-size: 30px; line-height: 30px; padding-bottom: 5px; position: relative; } .floral-head:before { content:""; background-position: left center; background-repeat: no-repeat; height: 51px; position: absolute; bottom: -27px; left: -74px; width: 74px; } .floral-head.aligncenter { display: block; } .floral-head.aligncenter:after { content:""; background-repeat: no-repeat; height: 51px; position: absolute; bottom: -27px; right: -50px; width: 74px; } .floral-head.aligncenter:before { bottom: -21px; left: -50px; } .floral-head.alignleft:before { background-position: right center; left: auto; right: -74px; } .floral-head.aligncenter:after, .floral-head.alignleft:before { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } /*----*****---- << Slider >> ----*****----*/ #slider { clear: both; float: left; margin: 0 0 30px; padding: 0; position: relative; width: 100%; } .slider-image-only { clear: both; display: block; float: left; line-height: 0; margin: 0; padding: 0; width: 100%; } .slider-image-only img { max-width: 100%; } #slider-container { float: left; margin: 0; padding: 0; width: 100%; } .icon-list i { background:#da676e; border:3px solid #c4575d; color:#ffffff; display:inline-block; float:left; height:50px; line-height:50px; border-radius:50px; margin-right:20px; text-align:center; width:50px; } .icon-list h3 { color:#000000; font-size:16px; line-height:56px; } /*----*****---- << Fullwidth Section >> ----*****----*/ .fullwidth-section { clear: both; float: left; margin: 0; padding: 0; width: 100%; } .fullwidth-bg { float: left; width: 100%; } .fullwidth-section img.aligncenter { margin-bottom: 0; } .page-template-tpl-fullwidth-php #main { padding-bottom: 0; } .fullwidth-section .entry-meta .comments { margin: 0; padding: 2px 0; } .fullwidth-section.light-bg .blog-entry .entry-details .entry-metadata a, .fullwidth-section.light-bg .blog-entry .entry-details .entry-body { color: #2d2d29; } .fullwidth-section.dark-bg .border-title h1:after, .fullwidth-section.dark-bg .border-title h2:after, .fullwidth-section.dark-bg .border-title h3:after, .fullwidth-section.dark-bg .border-title h4:after, .fullwidth-section.dark-bg .border-title h5:after, .fullwidth-section.dark-bg .border-title h6:after { background: #d9d9d9; } .fullwidth-section.dark-bg .gift-form input[type="email"], .fullwidth-section.dark-bg .gift-form input[type="text"], .gift-form input[type="date"], .fullwidth-section.dark-bg .gift-form textarea { background: none; } .fullwidth-section.dark-bg, .fullwidth-section.dark-bg .border-title h2, .fullwidth-section.dark-bg h2, .fullwidth-section.dark-bg h3, .fullwidth-section.dark-bg h4, .fullwidth-section.dark-bg h5, .fullwidth-section.dark-bg h6, .fullwidth-section.dark-bg .blog-entry .entry-details .entry-title h4 a, .fullwidth-section.dark-bg .blog-entry .entry-details .entry-metadata a, .fullwidth-section.dark-bg .blog-entry .entry-details .entry-body, .fullwidth-section.dark-bg .gift-frm label, .fullwidth-section.dark-bg .dt-sc-team .email, .fullwidth-section.dark-bg .dt-sc-team .email a:hover, .fullwidth-section.dark-bg .dt-sc-gift-cards .dt-sc-gift.product:hover .price, .fullwidth-section.dark-bg .dt-sc-gift-cards .dt-sc-gift.product.selected .price, .fullwidth-section.dark-bg .gift-form label, .fullwidth-section.dark-bg .entry-details .entry-metadata span, .fullwidth-section.dark-bg h5.dt-sc-toggle a, .fullwidth-section.dark-bg h5.dt-sc-toggle-accordion a, .fullwidth-section.dark-bg .dt-sc-ico-content.type7 .icon span, .fullwidth-section.dark-bg .dt-sc-ico-content.type7 h5 a:hover, .fullwidth-section.dark-bg #newsletter input[type="email"], .fullwidth-section.dark-bg .gift-form input[type="text"], .gift-form input[type="date"], .fullwidth-section.dark-bg .gift-form textarea { color: #fff; } .fullwidth-section.dark-bg .border-title .tag-line { color: #e6e6e6; } .fullwidth-section.dark-bg .dt-sc-tabs-frame-content, .fullwidth-section.dark-bg .dt-sc-tabs-frame-content p, .fullwidth-section.dark-bg .dt-sc-gift-cards .dt-sc-gift.product .price { color: #808080; } .fullwidth-section.dark-bg .dt-sc-tabs-frame-content h5, .fullwidth-section.dark-bg .dt-sc-success-box h5, .fullwidth-section.dark-bg .dt-sc-error-box h5 { color: #181818; } .fullwidth-section.dark-bg .dt-sc-team .email a, .fullwidth-section.dark-bg .dt-sc-ico-content.type7:hover .icon span { color: #9c9c9c; } .fullwidth-section.dark-bg .dt-sc-team .info { border-color: #9c9c9c; } .fullwidth-section.dark-bg .entry-details .entry-title, .fullwidth-section.dark-bg .gift-form input[type="email"], .fullwidth-section.dark-bg .gift-form input[type="text"], .gift-form input[type="date"], .fullwidth-section.dark-bg .gift-form textarea { border-color: rgba(255, 255, 255, 0.15); } .fullwidth-section.dark-bg .dt-sc-ico-content.type7 h5 a { color: rgba(255, 255, 255, 0.45); } .fullwidth-section.dark-bg .entry-details .entry-title h4 a:hover, .fullwidth-section.dark-bg .entry-details .entry-metadata a:hover { color: rgba(255, 255, 255, 0.6); } .fullwidth-section.dark-bg .dt-sc-ico-content.type7 .icon { border-color: #fff; background: none; } .fullwidth-section.dark-bg .dt-sc-ico-content.type7:hover .icon { background: #fff; } .fullwidth-section #newsletter input[type="email"], .fullwidth-section .newsletter-form input[type="text"] { border-right: none; color: } .fullwidth-section.dark-bg #newsletter input[type="email"], .fullwidth-section.dark-bg .newsletter-form input[type="text"], .fullwidth-section.dark-bg .newsletter-form .dt-sc-button { border-color: #fff; } .fullwidth-section.dark-bg .newsletter-form .dt-sc-button { background: #fff; color: #9c9c9c; } .fullwidth-section.dark-bg .newsletter-form .dt-sc-button:hover { background: #f5f5f5; border-color: #fff !important; color: #333334; } .fullwidth-section.dark-bg .newsletter-form .dt-sc-button:after { content: none; } .skin-bg.parallax-section { background-color: rgba(0, 0, 0, 0); } .fullwidth-section.skin-bg .dt-sc-counter { background: rgba(255, 255, 255, 0.1); } .fullwidth-section.dark-bg.intro-text h4, .fullwidth-section.dark-bg.intro-text h5 { font-weight: normal; text-transform: uppercase; } .fullwidth-section.dark-bg.intro-text h4 { font-size: 18px; margin-bottom: 25px; } .fullwidth-section.dark-bg.intro-text h5 { color: rgba(255,255,255,0.35); font-size: 16px; } /*----*****---- << Gradient Styles >> ----*****----*/ .gradient-bg { /* SVG fallback for IE 9 (could be data URI, or could use filter) */ background-image: url(fallback-gradient.svg); /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)) 25%, color-stop(40%, rgba(0,0,0,0.1)), to(rgba(255, 255, 255, 0))); /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 40%, rgba(255, 255, 255, 0)); /* Firefox 3.6 - 15 */ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 40%, rgba(255, 255, 255, 0)); /* Opera 11.1 - 12 */ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 40%, rgba(255, 255, 255, 0)); /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 40%, rgba(255, 255, 255, 0)); /* "IE 6-8 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff); /* IE 8-9 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff)"; } .gradient { /* SVG fallback for IE 9 (could be data URI, or could use filter) */ background-image: url(fallback-gradient.svg); /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */ background-image: webkit-gradient(left top, right bottom, from(rgba(0,0,0,0.25)) 18%, color-stop(40%, rgba(0,0,0,0.15)), color-stop(72%, rgba(255,255,255,0.1)), to(rgba(255, 255, 255, 0.15))); /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */ background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 18%, rgba(0, 0, 0, 0.15) 40%, rgba(255, 255, 255, 0.1) 72%, rgba(255, 255, 255, 0.15)); /* Firefox 3.6 - 15 */ background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 18%, rgba(0, 0, 0, 0.15) 40%, rgba(255, 255, 255, 0.1) 72%, rgba(255, 255, 255, 0.15)); /* Opera 11.1 - 12 */ background-image: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 18%, rgba(0, 0, 0, 0.15) 40%, rgba(255, 255, 255, 0.1) 72%, rgba(255, 255, 255, 0.15)); /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */ background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.25) 18%, rgba(0, 0, 0, 0.15) 40%, rgba(255, 255, 255, 0.1) 72%, rgba(255, 255, 255, 0.15)); /* "IE 6-8 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff); /* IE 8-9 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff)"; } /*----*****---- << Breadcrumb >> ----*****----*/ .breadcrumb-section { width:100%; margin:0 0 30px; padding:20px 0px; float:left; clear:both; background:#ededed; } .breadcrumb { float: left; margin: 3px 0 0; padding :0; width: 57%; } .breadcrumb, .breadcrumb a, .breadcrumb span, .breadcrumb h6 { font-size: 13px; line-height: 36px; } .breadcrumb a { color:#2d2d29; float:left; } .breadcrumb span { float: left; margin: 0 6px ; text-align:center; } .breadcrumb h6 { color: #666666; float: left; margin: 0; position: relative; } .breadcrumb-section .searchform { float: right; padding: 0; } .breadcrumb-section .searchform input[type="text"] { background: #fff; border-color: #ededed; border-style: solid; border-width: 0 1px 0 0; color: #c1c1c1; font-size: 13px; margin: 0; padding: 13px 15px; } .breadcrumb-section .searchform input[type="submit"] { background-color: #fff; border: none; color: #c1c1c1; content: "\f002"; font-size: 14px; line-height: 0; margin: 0; padding: 22px 15px 21px; text-indent: 0; width: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } /*----*****---- << Portfolio >> ----*****----*/ .carousel-arrows { position:absolute; top:-60px; right:0px; } .carousel-arrows a { background:#f5f5f5; color:#808080; float:left; height:40px; line-height:40px; text-align:center; width:40px; } .carousel-arrows a.portfolio-next-arrow { border-left: 1px solid #fff; } .carousel-arrows a:hover { color: #fff; } .dt-sc-sorting-container { float:left; clear:both; margin:0px 0px 30px; padding:0px; width:100%; } .dt-sc-sorting-container a { font-size:14px; line-height:36px; color:#2d2d29; padding:0px 15px; background:#ededed; margin:0px 5px 10px 0px; float:left; border-bottom:3px solid #d9d9d9; position:relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .dt-sc-sorting-container a:hover, .dt-sc-sorting-container a.active-sort { color:#ffffff; } .dt-sc-portfolio-container { width:100%; float:left; clear:both; } .portfolio-carousel-wrapper { width:100%; margin:0px; padding:0px; float:left; clear:both; position:relative; } .portfolio-carousel { width:100%; margin:0px; padding:0px; float:left; clear:both; } .portfolio-carousel li { display:inline; margin:0px 5px; } .portfolio-carousel .portfolio { margin-top:0px; margin-bottom:0px; } .portfolio-carousel-wrapper .carousel-arrows { right:5px; } .portfolio { float:left; /*border-bottom:3px solid #d9d9d9;*/ padding:0px; margin-bottom:20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .dt-sc-portfolio-container .portfolio { margin:10px 0px 10px 0px; } .portfolio.last { margin-right:0px; } .portfolio .portfolio-thumb, .portfolio .portfolio-thumb img { float: left; width:100%; } .portfolio .portfolio-thumb:hover img { -moz-transform: scale(1.3) rotate(0deg) translate(0px); -webkit-transform: scale(1.3) rotate(0deg) translate(0px); -o-transform: scale(1.3) rotate(0deg) translate(0px); transform: scale(1.3) rotate(0deg) translate(0px); } .portfolio .portfolio-thumb { float:left; overflow:hidden; padding: 0; position: relative; width:100%; } .portfolio .image-overlay { background-image: url(images/transparent-bg.png); background-repeat: repeat; float: left; height:100%; opacity:0; filter:alpha(opacity=0); position: absolute; top: 0; left: 0; width:100%; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .portfolio:hover .image-overlay { opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .portfolio .portfolio-detail { clear: both; display: inline-block; margin: 0; min-height: 48px; padding: 0; position: absolute; text-align: center; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .portfolio .portfolio-detail .views { color: #2d2d29; display: inline-block; height: 100%; margin: 0 -4px 0 0; padding: 0 25px; position: relative; text-align: center; transform: translateX(-25px); -webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -ms-transform: translateX(-25px); -o-transform: translateX(-25px); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .portfolio .portfolio-detail .views i { display: block; font-size: 20px; line-height: 24px; margin: 0; } .portfolio .portfolio-detail .views a { color: #fff; display: inline-block; } .portfolio:hover .portfolio-detail .views, .portfolio:hover .portfolio-detail .views a { color: #fff; } .portfolio .portfolio-detail .views:after { content: ""; background: #fff; position: absolute; bottom: 5px; right: 0; top: 5px; width: 1px; } .portfolio .portfolio-detail .portfolio-meta-content { display: inline-block; padding: 0 15px 0 25px; text-align: left; transform: translateX(25px); -webkit-transform: translateX(25px); -moz-transform: translateX(25px); -ms-transform: translateX(25px); -o-transform: translateX(25px); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .portfolio .portfolio-detail h5, .portfolio .portfolio-detail p { margin: 0;} .portfolio .portfolio-detail h5 { font-weight: bold; text-transform: uppercase; } .portfolio .portfolio-detail p { color: #919191; text-transform: capitalize; } .portfolio.dt-sc-one-fourth .portfolio-detail h5 { font-size:14px; } .portfolio .portfolio-detail .views, .portfolio .portfolio-detail .portfolio-meta-content { opacity:0; filter:alpha(opacity=0); } .portfolio:hover .portfolio-detail .views, .portfolio:hover .portfolio-detail .portfolio-meta-content { opacity:1; filter:alpha(opacity=100); } .portfolio:hover .portfolio-detail .views, .portfolio:hover .portfolio-detail .portfolio-meta-content { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } .portfolio:hover .portfolio-detail h5, .portfolio:hover .portfolio-detail h5 a, .portfolio:hover .portfolio-detail p { color: #fff; } .portfolio.dt-sc-one-half.with-sidebar .portfolio-detail .views, .portfolio.dt-sc-one-third .portfolio-detail .views { padding: 0 20px; } .portfolio.dt-sc-one-half.with-sidebar .portfolio .portfolio-detail .portfolio-meta-content, .portfolio.dt-sc-one-third .portfolio .portfolio-detail .portfolio-meta-content { padding: 0 15px 0 20px; } .portfolio.dt-sc-one-half.with-sidebar .portfolio-detail h5, .portfolio.dt-sc-one-third .portfolio-detail h5 { font-size: 16px; } .portfolio.dt-sc-one-half.with-sidebar .portfolio-detail p, .portfolio.dt-sc-one-third .portfolio-detail p, .portfolio.dt-sc-one-half.with-sidebar .portfolio-detail .views a, .portfolio.dt-sc-one-third .portfolio-detail .views a { font-size: 14px; } .portfolio.dt-sc-one-third.with-sidebar .portfolio-detail .views, .portfolio.dt-sc-one-fourth .portfolio-detail .views, .portfolio.dt-sc-one-third.with-sidebar .portfolio-detail .portfolio-meta-content, .portfolio.dt-sc-one-fourth .portfolio-detail .portfolio-meta-content { padding: 0 15px; } .portfolio.dt-sc-one-third.with-sidebar .portfolio-detail h5, .portfolio.dt-sc-one-fourth .portfolio-detail h5 { font-size: 13px; } .portfolio.dt-sc-one-third.with-sidebar .portfolio-detail p, .portfolio.dt-sc-one-fourth .portfolio-detail p, .portfolio.dt-sc-one-third.with-sidebar .portfolio-detail .views a, .portfolio.dt-sc-one-fourth .portfolio-detail .views a { font-size: 12px; } .portfolio.dt-sc-one-third.with-sidebar .portfolio-detail .views i, .portfolio.dt-sc-one-fourth .portfolio-detail .views i { font-size: 16px; line-height: 22px; } .portfolio.dt-sc-one-fourth.with-sidebar .portfolio-detail .views, .portfolio.dt-sc-one-fourth.with-sidebar .portfolio-detail .portfolio-meta-content { padding: 0 10px; } .portfolio.dt-sc-one-fourth.with-sidebar .portfolio-detail h5 { font-size: 11px; } .portfolio.dt-sc-one-fourth.with-sidebar .portfolio-detail .views i { font-size: 14px; } .isotope-hidden { display:none !important; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* Portfolio Single */ .portfolio-single { float:left; width:100%; padding:0px; margin:0px; } .portfolio-slider-container { float:left; width:100%; padding:0px; margin:0px 0px 20px; position:relative; } .two-third .portfolio-slider-container { margin-bottom:0px; } .portfolio-slider { float:left; width:100%; margin:0px; padding:0px; } .portfolio-slider li { width:100%; display:block; padding:0px; float:left; position:relative; margin-bottom:15px; margin-right:10px; background:none; } .portfolio-slider li img { display:block; } .portfolio-slider-container .bx-controls-direction { width:100%; float:left; margin:0px; padding:0px; } .portfolio-slider-container .bx-controls-direction a { text-indent:-9999px; z-index:100; position:absolute; top:41%; width:39px; height:72px; float:left; opacity:0.8; filter:alpha(opacity=80); } .portfolio-slider-container .bx-controls-direction a:hover { opacity:1; filter:alpha(opacity=100); } .portfolio-slider-container .bx-controls-direction a.bx-prev { left:10px; } .portfolio-slider-container .bx-controls-direction a.bx-next { right:10px; } .portfolio-single h3 { text-transform:none; margin: 15px 0; } .portfolio-single h6 { color:#919191; font-weight:normal; margin:-10px 0px 10px; } .portfolio-share { float:left; clear:both; width:100%; margin:20px 0px 0px; } .portfolio-single .tags span { margin-right:5px; color:#808080; } .portfolio-single .bx-wrapper { position: relative; } .entry-thumb .bx-wrapper { position: relative;} .bx-controls a { background-position: center center; background-repeat: no-repeat; font-size:0; height:60px; position:absolute; top:43%; width:40px; z-index:999; } .bx-controls a.bx-prev { background-image: url(images/portfolio-slider-arrow-left.png); left: 0; } .bx-controls a.bx-next { background-image: url(images/portfolio-slider-arrow-right.png); right: 0; } .post-nav-container { float:left; width:100%; margin:30px 0px 0px; padding:15px 0px; clear:both; border-bottom:1px dotted #888888; border-top:1px dotted #888888; } .post-nav-container a { font-weight:bold; } .post-nav-container a span { font-size:12px; font-weight:normal; color:#2d2d29; font-style:italic; } .post-nav-container .post-prev-link { float:left; } .post-nav-container .post-next-link { float:right; } .portfolio-single .right-gallery.dt-sc-two-third { margin-left:2%; float:right; margin-right:0px; } .portfolio-single .dt-sc-one-third.last { margin-left:0px; } .portfolio-single .dt-sc-two-third { margin-right:2%; } /*----*****---- << Pagination >> ----*****----*/ .pagination { float: right; margin: 20px 0 10px; padding: 0; width: auto; } .pagination ul { float:left; margin: 0; padding: 0; } .pagination ul li { float:left; display:inline; margin:0px; padding: 0; } .pagination ul li a, .pagination .next-post a, .pagination .prev-post a { font-size:14px; font-weight:500; line-height:37px; color:#fff; padding: 0 15px; margin: 0 0 0 10px; float:left; border:1px solid; position:relative; z-index:1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .pagination ul li a:after, .pagination .next-post a:after, .pagination .prev-post a:after { content:''; position:absolute; z-index:-1; width:100%; height:0; top:0; left:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; } .pagination ul li a:hover:after, .pagination .next-post a:hover:after, .pagination .prev-post a:hover:after { height:100%; } .pagination ul li.active-page { border:1px solid; float:left; font-size:14px; font-weight:bold; line-height:37px; margin: 0 0 0 10px; padding: 0 15px; position: relative; z-index: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .pagination .next-post, .pagination .prev-post { float: left; padding: 0; } .pagination .next-post { margin-left: 4px; } .pagination .prev-post { margin-right: 4px; } /*----*****---- << Blog >> ----*****----*/ .entry-meta { background: #fff; border: 1px solid #ededed; left: 0; position:absolute; margin: 0 20px 0 0; padding:10px 0px 0px; text-align:center; width:58px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .entry-meta .entry_format { display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:30px; height:32px; line-height:32px; position:relative; text-align:center; text-decoration:inherit; } .entry-meta .entry_format:after { content:"\f15c"; } .entry-meta .date { border-top:1px solid #ededed; color:#868686; margin:10px 0px 0px; padding:10px 0px 0px; } .entry-meta .date p { line-height:20px; } .entry-meta .date p span { font-size:18px; } .entry-meta .comments { display: block; color: #fff; margin: 0 -1px; padding: 2px 0 3px; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; } .entry-meta .comments span { margin-right: 5px; } .format-gallery .entry-meta .entry_format:after { content:"\f030"; } .format-video .entry-meta .entry_format:after { content:"\f008"; } .format-aside .entry-meta .entry_format:after { content:"\f036"; } .format-chat .entry-meta .entry_format:after { content:"\f086"; } .format-quote .entry-meta .entry_format:after { content:"\f10d"; } .format-audio .entry-meta .entry_format:after { content:"\f001"; } .format-link .entry-meta .entry_format:after { content:"\f0c1"; } .format-standard .entry-meta .entry_format:after { content:"\f15c"; } .format-image .entry-meta .entry_format:after { content:"\f03e"; } .format-status .entry-meta .entry_format:after { content:"\f075"; } .blog-entry { clear:both; float:left; margin:0px 0px 40px; position:relative; width:100%; } .blog-entry-inner { padding:0px 0px 0px 80px; min-height:155px; } .entry-thumb { display: block; line-height: 0; margin: 0 0 40px; overflow: hidden; position: relative; } .format-audio .entry-thumb { overflow: visible; } .entry-thumb img { height:auto; max-width: 100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .ie8 .entry-thumb img { width:auto; } .entry-thumb .entry-thumb-desc { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0,0)), color-stop(100%,rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); opacity:0; filter:alpha(opacity=0); bottom: 0; height: 80%; left: 0; position: absolute; width: 100%; } .entry-thumb img, .entry-thumb .entry-thumb-desc { transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; } .entry-thumb p { color:#fff; font-weight:300; letter-spacing:0.5px; line-height:24px; opacity:0; filter: alpha(opacity=0); padding:20px 20px 5px; position:absolute; bottom:0; left:0; right:0; transform:translate3d(0,50px,0); -webkit-transform:translate3d(0,50px,0); -moz-transform:translate3d(0,50px,0); -ms-transform:translate3d(0,50px,0); -o-transform:translate3d(0,50px,0); transition:opacity 0.35s, transform 0.35s; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; -moz-transition:opacity 0.35s, transform 0.35s; -ms-transition:opacity 0.35s, transform 0.35s; -o-transition:opacity 0.35s, transform 0.35s; } .blog-entry:hover .entry-thumb .entry-thumb-desc { opacity: 1; filter: alpha(opacity=100); } .blog-entry:hover .entry-thumb img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .blog-entry:hover .entry-thumb p { opacity:1; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); } .format-gallery .entry-thumb img, .blog-entry.format-gallery:hover .entry-thumb img { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .format-gallery .entry-thumb-desc, .format-video .entry-thumb-desc, .format-audio .entry-thumb-desc { display: none; } .entry-details .entry-metadata { display: inline-block; padding: 20px 0 0; width:100%; } .entry-details .entry-title { border-bottom: 1px solid #dbdbdb; display: block; padding-bottom: 15px; } .entry-details .entry-title h4 { font-size: 24px; line-height: 30px; margin-bottom: 0; } .entry-details .entry-metadata span { margin-right:5px; } .entry-details .entry-metadata a { color: #333334; font-size: 13px; } .entry-details .entry-metadata .tags a, .entry-details .entry-metadata .categories a { text-transform: capitalize; } .entry-thumb .bx-controls a { top: 0; bottom: 0; margin: auto; background-color: rgba(0, 0, 0, 0.6); height:45px; width:30px; background-size:30px 30px; } .entry-gallery-post-slider, .entry-gallery-post-slider li { display:block; float: left; margin: 0; padding: 0; line-height: 0; } .author-info { background: #ededed; display:block; padding:20px 20px 10px; clear:both; } .author-info img { background:#ffffff; padding:5px; } .author-bio { float:left; clear:both; margin:20px 0px 0px; padding:0px; width:100%; } .author-bio > h4 { margin-bottom:20px; } .author-bio .image { float:left; margin-right:3%; line-height:0; } .author-bio .image img { height:auto; max-width:94%; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; } .author-bio .author-details h4 { margin: 5px 0 10px; } .author-bio .author-details { border:1px solid #d7d7d7; padding:15px 2%; margin:0px; float:left; width:96%; } .blog-fullwidth { width:100%; margin: 0; } .entry-metadata p { float:left; margin: 0 15px 0 0; } .entry-details .entry-body { clear:both; margin: 15px 0 0; width:100%; } .entry-details .read-more { color: #fff; display: inline-block; margin: 15px 0 0; padding: 10px 20px; position: relative; z-index: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .entry-details .read-more:after { content:''; height:0; left:0; position:absolute; top:0; width:100%; z-index:-1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .entry-details .read-more:hover:after { height: 100%; } .sticky .featured-post, .featured-post { margin-bottom:15px; position:relative; padding:0px 0px 0px 50px; color:#2d2d29; background:#ededed; height:40px; display:block; line-height:40px; font-size:14px; font-weight:bold; } .featured-post span { width:40px; height:40px; position:absolute; left:0px; top:0px; line-height:40px; text-align:center; color:#fff; font-size:18px; } /*----*****---- << Blog Comment Entries >> ----*****----*/ .commententries { float:left; margin: 10px 0 0; padding: 0; width:100%; } ul.commentlist { border-top: 0; float:left; list-style:none; margin: 20px 0 20px 0; padding: 0 0 20px 0; width:100%; } ul.commentlist li { display:block; float:none; list-style:none; border:none; margin:0px 0px 20px; padding:0px 0px 0px 115px; 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 { border-bottom:1px solid #FFFFFF; bottom:0px; content:''; left:0px; position:absolute; width:100%; } ul.commentlist li .comment-body { margin:15px 0px 0px; } ul.commentlist li .comment-author { left:0px; top:0px; position:absolute; } ul.commentlist li .comment-author img { border: 3px solid; max-width: 88px; max-height: 88px; float:left; margin:0px; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; border-radius:88px; } ul.commentlist li .comment-author img:hover { -moz-transform: scale(1.05) rotate(20deg) translate(2px); -webkit-transform: scale(1.05) rotate(20deg) translate(2px); -o-transform: scale(1.05) rotate(20deg) translate(2px); transform: scale(1.05) rotate(20deg) translate(2px); } ul.commentlist li .author-name { background:#f5f5f5; height:40px; font-weight: 500; font-size:14px; line-height:40px; color:#2d2d29; padding-left:50px; margin-bottom:5px; } ul.commentlist li .author-name a { color:#2d2d29; line-height:40px; font-size:14px; } ul.commentlist li .author-name span { width:40px; height:40px; display:inline-block; margin:0px 10px 0px 0px; padding:0px; color: #fff; position:absolute; left:0px; top:0px; line-height:44px; text-align:center; } ul.commentlist li.bypostauthor .author-name { background: #f5f5f5; color: #2d2d29; } ul.commentlist li .comment-details { display:block; } ul.commentlist li .commentmetadata { font-size:12px; color:#808080; font-style:italic; text-decoration:none; } ul.commentlist li .reply { margin:0px; position:absolute; top:0px; right:0px; } ul.commentlist li .reply a { font-weight: 500; line-height:40px; color: #fff; padding:0px 15px; height:40px; display:inline-block; } ul.commentlist li .reply a:hover { background:#808080; } ul.commentlist li #respond { padding-bottom:20px; } #respond { clear:both; } #respond h3 small { font-size:14px; margin-bottom:20px; } #respond .form-submit { width:100%; text-align:right; } #respond input[type="submit"] { float:none; } .social-share-icons { width:100%; clear:both; float:left; margin:20px 0px 0px; padding:0px; } .social-share-icons li { display:inline; margin:0px 10px 0px 0px; padding:0px; } .social-share-icons li img:hover { opacity:0.8; filter:alpha(opacity=80); } .comment-body ul li, .comment-body ol li { padding-left:0px; list-style:circle; display:list-item; } /*----*****---- << Side Navigation >> ----*****----*/ .side-navigation { width:27%; float:left; margin: 0 2% 0 0; padding: 0; } .side-navigation-content { width:71%; float:left; margin: 0; padding: 0; } ul.side-nav { border:1px solid; border-bottom:0px; margin:0px; padding:0px; float:left; } ul.side-nav li { float:left; width:100%; display:block; padding:0px; border-bottom:1px solid; } ul.side-nav li a { color:#2d2d29; padding:10px 0px 10px 60px; display:block; position:relative; } ul.side-nav li a:before { content:"\f0da"; font-family:FontAwesome; font-style:normal; font-weight:normal; color:#444446; position:absolute; left:0; top:0; margin:auto; width:45px; height:44px; text-align:center; line-height:45px; } 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.current_page_item > a:after, ul.side-nav > li > ul > li.current_page_item > a:after { content:""; position:absolute; background-image: url(images/side-nav-active.png); background-repeat: no-repeat; height:46px; right:-11px; top: 0; width: 11px; } 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; } /*----*****---- << Procedures >> ----*****----*/ .procedures-wrapper { background: #f5f5f5; float: left; width: 100%; } .procedures-wrapper img { float: left; margin: 0; width: 100%; } .procedures-wrapper ul.dt-sc-fancy-list { margin: 0; } .procedures-wrapper .dt-sc-specials-list { width: auto; } .procedures-wrapper .dt-sc-specials-list li:first-child { padding-top: 0; } .procedures-detail { display: block; float: left; height: 100%; padding: 35px 6% 25px; position: relative; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .procedures-detail:after, .procedures-detail:before { border-color: #d2ccc3; border-style: dashed; content: ""; position: absolute; } .procedures-detail:before { border-width: 1px 0; bottom: 10px; left: 0; right: 0; top: 10px; width: 100%; } .procedures-detail:after { border-width: 0 1px; bottom: 0; height: auto; left: 10px; right: 10px; top: 0; width: auto; } .procedures-detail .dt-sc-specials-list li:before { content: none; } /*----*****---- << Reservation >> ----*****----*/ .available-times > .hr-title { text-transform: capitalize; } ul.time-table { display: block; float: left; list-style-type: none; width: 100%; } ul.time-table > li { border-right: 1px solid #e3e3e3; display: block; float: left; margin-bottom: 20px; padding: 15px 20px 0; position: relative; text-align: center; width: 16.4%; z-index: 0; } ul.time-table > li span { display: block; text-transform: capitalize; } ul.time-table > li ul.time-slots { display: inline-block; margin: 15px 0 10px ; padding: 5px 20px 0; text-align: center; } ul.time-table > li ul.time-slots > li { border: none; clear: both; display: block; float: left; margin: 0 auto 10px ; padding: 0; } ul.time-table > li > p { font-size: 16px; margin: 0; } ul.time-table > li > p > span { display: block; font-size: 13px; } ul.time-table > li ul.time-slots > li a { border: 1px solid #e3e3e3; color: #868686; display: inline-block; min-width: 56px; padding: 5px 18px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } ul.time-table > li:after { background: #e3e3e3; content: ""; height: 0; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } ul.time-table > li.selected:after { height: 100%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } ul.time-table > li ul.time-slots > li a.selected { background: #fff; color: #fff; } ul.time-table > li ul.time-slots > li:last-child { margin-bottom: 0; } ul.time-table > li:nth-child(5n+1) { border-left: 1px solid #e3e3e3; clear: both; } .page-with-sidebar ul.time-table > li { width: 20.4% } .page-with-sidebar ul.time-table > li:nth-child(5n+1) { border-left: inherit; clear: none; } .page-with-sidebar ul.time-table > li:nth-child(4n+1) { border-left: 1px solid #e3e3e3; clear: both; } .personal-info { float: left; width: 100%; } .personal-info textarea { height: 110px; } .schedule-it { float: right; padding: 14px 20px !important; } /*----*****---- << 404 >> ----*****----*/ .error-info { padding:70px 0px; float:left; clear:both; } .error-info h2 { font-size:100px; color:#d9d9d9; margin-bottom:10px; display:block; } .error-info h3 { font-size:20px; text-transform:none; display:block; margin-bottom:20px; } /*----*****---- << Newsletter >> ----*****----*/ #newsletter { float: left; clear: both; margin: 0 0 30px; padding: 0; position: relative; width: 100%; } #newsletter h2 { font-size: 24px; } #newsletter form { float: left; margin: 0; width: 100%; } #newsletter input[type="email"], .newsletter-form input[type="text"] { background: none; float:left; margin: 0; width: 70%; } #newsletter input[type="email"], .newsletter-form input[type="text"], #newsletter .dt-sc-button { font-size: 15px; } #newsletter .dt-sc-button { float:left; margin: 0; padding: 14px 45px; position: relative; } #newsletter .dt-sc-button, #newsletter .dt-sc-button:after { border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; } /*----*****---- << Goto Top >> ----*****----*/ #toTop { background-position: left top; border:none; display:none; overflow:hidden; position:fixed; bottom:30px; right:30px; text-decoration:none; text-indent:100%; z-index:9999; } #toTopHover { background-position: left -40px; display:block; float:left; overflow:hidden; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop, #toTopHover { background-image: url(images/ui.totop.png); background-repeat: no-repeat; height: 40px; width: 40px; } #toTop:active, #toTop:focus { outline:none; } /*----*****---- << Footer >> ----*****----*/ #footer { background: #0f0f0f; float:left; margin: 0; padding:70px 0 0; position: relative; width:100%; } .footer-logo { display: inline-block; margin: 0 auto; position: absolute; top: -32px; text-align: center; width: 100%; } .footer-logo img { height: auto; margin: auto; position: absolute; left: 0; right: 0; top: -18px; width: 92px; } /*.footer-logo:before { content: ""; background: #fff; height: 60px; margin: auto; position: absolute; left: 0; right: 0; width: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }*/ #footer .ico-border { width: 100%; } #footer .ico-border .ico-bg { background-position: right top; } #footer .ico-border:before, #footer .ico-border:after { background: #333333; width: 48%; } #footer:after { content: ""; background-image: url(images/footer-bg.png); background-repeat: no-repeat; height: 172px; position: absolute; bottom: 0; right: 5px; width: 402px; } #footer img { max-width:100%; height:auto; } .ie8 #footer img { width:auto; } #footer, #footer .widget ul li a, #footer .widget ul li, #footer .widget h3.widgettitle a, #footer .widget h3.widgettitle a:hover, #footer p, #footer .widget .recent-posts-widget .post-meta p a, #footer .dt-sc-contact-info span, #footer .widget ul li:before, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a, #footer .widget ul li h3 a, #footer .widget ul li h4 a, #footer .widget ul li h5 a, #footer .widget ul li h6 a { color:#707070; } #footer .column { z-index: 1; } #footer .widget ul { margin: 0; padding: 0; width:100%; } #footer .widget ul li { display: block; font-size:14px; font-weight:normal; line-height:20px; padding:7px 0; position:relative; /*width:94%;*/ } #footer .widget ul li a, #footer .promo-details a { display: block; } #footer .widget ul li:first-child { padding-top: 0; } #footer .widget ul ul { border-top:1px solid #303030; margin-top:5px; padding-left: 15px; padding-top:10px; } #footer .widget ul li:last-child { border:none; } #footer .widget.tweetbox .tweet_list .tweet a { display: inline; } #footer .widget .searchform input[type="text"], #footer .widget #searchform input[type="text"], #footer .mailchimp-form input[type="email"] { background: none; border-color: #303030; color: #707070; font-size: 14px; } #footer .widget_categories ul li, #footer .widget.widget_archive ul li { padding-bottom: 0; } #footer .widget.widget_archive ul li a, #footer .widget_categories ul li a { border-bottom: none; padding: 0; } #footer .widget_categories ul li:before, #footer .widget.widget_archive ul li:before { top: 17px; } #footer .widget_categories ul li:first-child:before, #footer .widget_archive ul li:first-child:before { top: 10px; } #footer .widget.widget_recent_entries .recent-posts-widget ul li:before { content:""; } #footer .widget.widget_recent_entries .recent-posts-widget ul li { padding-left: 0; } #footer .widget.widget_recent_entries .recent-posts-widget h4, #footer .recent-portfolio-widget ul li h6 { font-weight: bold; } #footer .widget { float:left; padding-bottom: 30px; width:100%; } #footer .widget h3.widgettitle { color: #707070; margin-bottom:35px; } #footer .widget h3.widgettitle .ico-bg { background-image: url(images/ico-flower-small.png); background-position: right top; background-repeat: no-repeat; display: inline-block; height: 11px; margin-left: 10px; opacity: 0.45; filter: alpha(opacity=45); width: 11px; } #footer .widget .recent-posts-widget ul li { padding: 0 0 20px; } #footer .widget.widget_recent_entries .recent-posts-widget .post-meta p a, #footer .widget.widget_recent_entries .recent-posts-widget .post-meta p span { display: inline; } #footer .widget .recent-posts-widget ul li, #footer .widget .recent-portfolio-widget ul li { border-bottom: none; } #footer .widget.flickrbox .flickr-widget div img { height: 76px; width: 76px; } #footer .widget .tweet_list li:before { content:""; } #footer .widget .tweet_list li { padding-left:0px; border-bottom:none; padding-bottom:20px; } #footer .widget_categories ul li a { display:block; position:relative; } #footer .widget_mostlikedposts ul li { border-bottom: none; } .ad-promobox { float: left; line-height: 0; position: relative; width: 100%; } .ad-promobox, .ad-promobox img { float: left; width: 100%; } .ad-promobox:before { content:""; display: block; position: absolute; height: 100%; width: 100%; box-shadow: 0 0 0 4px rgba(199, 199, 199, 0.7) inset; -webkit-box-shadow: 0 0 0 4px rgba(199, 199, 199, 0.7) inset; -moz-box-shadow: 0 0 0 4px rgba(199, 199, 199, 0.7) inset; -ms-box-shadow: 0 0 0 4px rgba(199, 199, 199, 0.7) inset; -o-box-shadow: 0 0 0 4px rgba(199, 199, 199, 0.7) inset; } #secondary .ad-promobox:before { box-shadow: 0 0 0 4px #ededed inset; -webkit-box-shadow: 0 0 0 4px #ededed inset; -moz-box-shadow: 0 0 0 4px #ededed inset; -ms-box-shadow: 0 0 0 4px #ededed inset; -o-box-shadow: 0 0 0 4px #ededed inset; } #footer .widget .dt-sc-pricing-list { display: block; float: left; margin: 45px 0 0; width: 100%; } #footer .widget .dt-sc-pricing-list h5 { font-weight: normal; margin-bottom: 0; } #footer .widget .dt-sc-pricing-list img { display: block; margin: 0; } #footer .widget .dt-sc-pricing-list a { display: block; } #footer .widget .dt-sc-pricing-list .app-links { float: left; margin: 0 10px 20px 0; width: auto; } #footer .widget .dt-sc-social-icons li { display: inline; float: left; border: none; padding: 0; margin: 0 5px 0 0; width: 34px; clear:none; } #footer .widget .dt-sc-social-icons li:before { content: none; } #footer .widget .dt-sc-social-icons li a { position: static; } #footer .widget .dt-sc-social-icons li img, #footer .widget select, #footer .widget .selection-box:after { border-color: #303030; } #footer .widget .selection-box:after { height: 50px; top: 0; } #footer .widget .selection-box:before { border-top-color: #303030; } #footer .widget.widget_calendar caption { font-size:14px; } #footer table, #footer td { border-color: #303030; } #footer th, #footer td { padding: 10px; text-align: center; } #footer th, #footer .widget .selection-box:after { background: #707070; } #footer td { background: none; color: #707070; border-style: solid; border-width: 0 1px 1px 0; } #footer td:last-child { border-right: none; } #footer td a { font-weight: bold; } #footer .widget .textwidget ul li { border-bottom: none; } #footer .widget select { background: none; width: 99.9%; } #footer .widget select option { background: #fff; padding: 10px 15px; } #footer input[type="submit"], #footer input[type="button"], #footer .dt-sc-button:hover { color: #fff; } #footer td a, #footer .widget.widget_recent_comments li a, #footer .widget.widget_recent_entries .recent-posts-widget h4 a, #footer .recent-portfolio-widget ul li h6 a, #footer .widget.tweetbox .tweet-time, #footer .widget.tweetbox .tweet-text a, #footer .widget_mostlikedposts ul li a, #footer .widget_rss .rsswidget, #footer .tagcloud a, #footer .tagcloud a:hover, #footer .widget.widget_recent_entries .recent-posts-widget .post-meta p a, #footer .widget.widget_recent_entries .recent-posts-widget .post-meta p span, #footer .widget_categories ul li a span, #footer .widget.widget_archive ul li a span, #footer .dt-sc-contact-info a:hover, #footer .promo-details a:hover, #footer .dt-sc-button:hover { color: rgba(255, 255, 255, 0.6); } #footer .tagcloud a { padding: 3px 10px; } #footer .tagcloud a:hover { z-index:1; } #footer .dt-sc-contact-info { border: none; } #footer .dt-sc-contact-info, #footer .widget.widget_text .dt-sc-contact-info.address { padding-top: 0; } #footer .wp-caption { width: 100%; } #footer .wp-caption-text { color: #808080; } /*#footer .wp-caption img { max-width: 96%; }*/ #footer .widget.widget_recent_entries .recent-posts-widget .post-meta p, #footer .widget.widget_recent_entries .recent-posts-widget .post-meta { border-color: #303030; } #footer .copyright { clear: both; float: left; margin: 0; padding: 35px 0; width: 100%; } #footer .copyright a:hover { color: #fff; } #footer .widget.widget_categories ul li a:before { content:""; } .call-text { margin-right: 5px; } .copyright-content { float:left; font-size: 13px; line-height: normal; } .footer-menu { float:right; line-height:normal; margin: 0; position: relative; z-index: 999; } .footer-menu li { display: inline; list-style: none; } .footer-menu li a { border-left: 1px solid rgba(255, 255, 255, 0.32); display: inline-block; line-height: normal; margin: 0 0 0 8px; padding: 0 0 0 10px; } .footer-menu li:first-child a { border: none; margin-left: 0; padding-left: 0; } #footer .copyright p, #footer .copyright div, #footer .copyright a { color: rgba(255, 255, 255, 0.32); } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit browsers override */ ::i-block-chrome, .widget.widget_recent_entries .recent-posts-widget h4 { display:inline; } .menu-item-widget-area-container .widget .searchform input[type="submit"], .menu-item-widget-area-container .widget #searchform input[type="submit"] { padding: 22px; } .searchform input[type="submit"], .widget .searchform input[type="submit"], .widget #searchform input[type="submit"], #primary .searchform input[type="submit"] { padding: 23px 24px; } ::i-block-chrome, .widget .searchform input[type="submit"], ::i-block-chrome, .widget #searchform input[type="submit"] { max-width: 15px; } .breadcrumb-section .searchform input[type="submit"] { padding: 21px 15px 20px; } #header.header4 .megamenu-child-container { top: 98px; } #header.header4 #main-menu ul li.menu-item-simple-parent ul { top: 88px; } } /*----*****---- << IE Fixes >> ----*****----*/ .ie9 .gradient-bg, .ie9 .gradient { background-image: none; filter: none; -ms-filter: none; } .ie9 #header.header3 #main-menu > ul.menu li.menu-item-simple-parent ul { top: 80px; } .ie9 #header.header3 #main-menu > ul.menu li .megamenu-child-container { top: 90px; } .ie9 .header4#header #main-menu ul li.menu-item-simple-parent ul { top: 88px; } .ie9 .header4#header #main-menu > ul.menu li .megamenu-child-container { top: 98px; } .ie9 .breadcrumb-section .searchform input[type='submit'] { padding: 21px 15px 20px; } .ie9 .widget .searchform input[type='submit'], .ie9 .widget #searchform input[type='submit'] { padding: 24px; } .ie9 .entry-thumb .entry-thumb-desc { background: rgba(0, 0, 0, 0.3); height: 100%; } .ie9 .blog-entry:hover .entry-thumb .entry-thumb-desc p { opacity: 1; filter: alpha(opacity=100); } _:-ms-input-placeholder, :root .breadcrumb-section .searchform input[type='submit'] { padding: 21px 15px 20px; } _:-ms-input-placeholder, :root .widget .searchform input[type='text'], _:-ms-input-placeholder, :root .widget #searchform input[type='text'] { font-size: 15px; } _:-ms-input-placeholder, :root .widget .searchform input[type='submit'], _:-ms-input-placeholder, :root .widget .searchform input[type='submit'] { padding: 24px; } /*----*****---- << Contact Form 7 >> ----*****----*/ span.wpcf7-form-control-wrap.department-field:before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.2); bottom: 0; height: 0; margin: auto; right: 20px; top: 3px; z-index: 1; } span.wpcf7-form-control-wrap.department-field:before, span.wpcf7-form-control-wrap.department-field:after { content: ""; pointer-events: none; position: absolute; } span.wpcf7-form-control-wrap.department-field:after { background: #fff; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; height: 48px; right: 0; top: 1px; width: 48px; } span.wpcf7-form-control-wrap.department-field:before, span.wpcf7-form-control-wrap.department-field:after { content: ""; pointer-events: none; position: absolute; } span.wpcf7-form-control-wrap.department-field { display: block; position: relative; } .wpcf7-form-control-wrap { position:relative; width: 100%; } .wpcf7-form span.wpcf7-not-valid-tip { background:#ffb0af; border:1px solid #ff7b79; color:#cc0000; left: 0; padding:4px 10px; position: relative; top: 0; } .wpcf7-form span.wpcf7-not-valid-tip:before { content:""; background-image: url(images/error-arrow.png); background-position: top left; background-repeat: no-repeat; position:absolute; left:14px; top:-6px; height:6px; width:16px; } .wpcf7-form div.wpcf7-validation-errors, .wpcf7-form div.wpcf7-mail-sent-ok { margin-bottom:20px; margin-top:20px; clear:both; padding:15px 15px 15px 35px; float:left; } .wpcf7-form div.wpcf7-validation-errors { background:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; } .wpcf7-form div.wpcf7-validation-errors:before, .wpcf7-form div.wpcf7-mail-sent-ok:before { top:13px; left:10px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; } .wpcf7-form div.wpcf7-validation-errors:before { content:"\f057"; color:#C54228; } .wpcf7-form div.wpcf7-mail-sent-ok { background:#eafac0; border:1px solid #b1cf67; color:#7ba411; position:relative; } .wpcf7-form div.wpcf7-mail-sent-ok:before { content:"\f058"; color:#75b632; } .wpcf7-form span.wpcf7-list-item { margin-right:25px; } .wpcf7-form-control.wpcf7-radio { display: block; margin: 10px 0; padding: 15px 2%; } .wpcf7-form input[type="radio"] { position:relative; margin-right:5px; top:-2px; } #wpcf7-f11-p8-o1 textarea { height: 80px; } #wpcf7-f11-p8-o1 input[type="submit"] { display: block; float: none; margin: 20px auto 0; } .dt-sc-titled-box-content .wpcf7-form .wpcf7-not-valid-tip { left: 0; padding:0px 10px; top:0; } .dt-sc-titled-box-content .wpcf7-form div.wpcf7-validation-errors, .wpcf7-form div.wpcf7-mail-sent-ok { margin-top: 30px; } .ie9 .dt-sc-titled-box-content .wpcf7-form .wpcf7-not-valid-tip { top:50px; } .ie9 .wpcf7-form .wpcf7-not-valid-tip { top:20px; } /*----*****---- << Style Picker >> ----*****----*/ .delicate-style-picker-wrapper { position:fixed; z-index:99999; left:0px; top:150px; } #delicate-style-picker { background:#ffffff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 10px; text-align:center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); } #delicate-style-picker h2 { background:url(images/style-picker/title-bg.jpg) repeat-x; font:normal 12px Tahoma, Geneva, sans-serif; text-transform:uppercase; line-height:48px; width:100%; color:#848484; margin:0px 0px 15px; padding:0px; } #delicate-style-picker h3 { font:normal 12px Tahoma, Geneva, sans-serif; padding:0px 0px 10px; width:100%; color:#848484; margin:0px; text-transform:uppercase; } #delicate-style-picker ul { float:left; margin:0px; padding:0px; text-align:center; width:225px; } #delicate-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 0px 6px 0px; } #delicate-style-picker ul li a { background:#ffffff; border:1px solid #ffffff; padding:2px; display:inline-block; margin:0px; line-height:0; } #delicate-style-picker ul li a.selected, #delicate-style-picker ul li a:hover { border:1px solid #d7d7d7; } #delicate-style-picker ul li a img { border:1px solid #d7d7d7; } #delicate-style-picker .hr { background:url(images/style-picker/seperator.png) no-repeat; width:100%; height:25px; margin:-10px 0px 10px; float:left; } .style-picker-ico { background: #ffffff; border: 1px solid #e6e5d9; width: 48px; height: 48px; position: absolute; top: 25px; left: 225px; box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.5); -o-box-shadow: 0 0 10px rgba(0,0,0,0.5);} .style-picker-ico img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } @keyframes rotating { from { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } } @-webkit-keyframes rotating /* Safari and Chrome */ { from { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } /*----*****---- << 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; height: auto !important; } #header.header5 #logo { float: left; margin-left: auto; margin-right: auto; text-align: center; width: 100%; } #header.header5 .retina_logo { display: inline-block; } .ico-border .ico-bg.flower { background-image:url("images/ico-flower@2x.png"); background-size: 41px 20px; } select { background-image: url("images/select-box@2x.jpg"); background-size: 44px 48px; } .searchform input[type="submit"], #searchform input[type="submit"] { background-image: url("images/ico-search@2x.png"); background-size: 15px 15px; } #secondary .widget h3.widgettitle:after, #primary .widget h3.widgettitle:after, .ico-border-title.flower:after { background-image: url("images/ico-flower-medium@2x.png"); background-size: 15px 15px; } #header:after { background-image: url("images/header-bg.png"); background-size: 290px 129px; } .portfolio .image-overlay { background-image: url("images/transparent-bg@2x.png"); background-size: 2px 2px; } .bx-controls a.bx-prev { background-image: url("images/portfolio-slider-arrow-left@2x.png"); } .bx-controls a.bx-next { background-image: url("images/portfolio-slider-arrow-right@2x.png"); } .bx-controls a.bx-prev, .bx-controls a.bx-next, #toTop, #toTopHover { background-size: 40px 40px; } ul.side-nav > li.current_page_item > a:after, ul.side-nav > li > ul > li.current_page_item > a:after { background-image: url("images/side-nav-active@2x.png"); background-size: 40px 40px; } #toTop, #toTopHover { background-image: url("images/ui.totop@2x.png"); background-size: 40px 80px; } #footer:after { background-image: url("images/footer-bg@2x.png"); background-size: 402px 172px; } #footer .widget h3.widgettitle .ico-bg { background-image: url("images/ico-flower-small@2x.png"); background-size: 11px 11px; } .wpcf7-form span.wpcf7-not-valid-tip:before { background-image: url("images/error-arrow@2x.png"); background-size: 16px 6px; } .dt-sc-social-icons li img { height: 30px; width: 30px; } }