/* Theme Name: Looksclinic Theme URI: https://wordpress.org/themes/twentythirteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 1.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready Text Domain: twentythirteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 4.1 - Site Header * 4.2 - Navigation * 5.0 - Content * 5.1 - Entry Header * 5.2 - Entry Meta * 5.3 - Entry Content * 5.4 - Galleries * 5.5 - Post Formats * 5.6 - Attachments * 5.7 - Post/Paging Navigation * 5.8 - Author Bio * 5.9 - Archives * 5.10 - Search Results/No posts * 5.11 - 404 * 5.12 - Comments * 5.13 - Multisite * 6.0 - Sidebar * 6.1 - Widgets * 7.0 - Footer * 8.0 - Media Queries * 9.0 - Print * ---------------------------------------------------------------------------- */ /** * 1.0 Reset * * Modified from Normalize.css to provide cross-browser consistency and a smart * default styling of HTML elements. * * @see http://git.io/normalize * ---------------------------------------------------------------------------- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family:'proxima_nova_rgregular'; } button, input, select, textarea { font-family:'proxima_nova_rgregular';transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;} body { color: #141412; line-height: 1.5; margin: 0; font-family:'proxima_nova_rgregular';} a { color: #000; text-decoration: none; transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear; display:inline-block} a:focus{ outline:0;} a:active, a:hover { color: #ea1162;} h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.3; font-family:'proxima_novalight'; text-transform:uppercase; font-weight:100 } h1 { font-size: 34px; margin: 25px 0; } h2 { font-size: 34px; margin: 25px 0; } h3 { font-size: 30px; margin: 22px 0; } h4 { font-size: 24px; margin: 25px 0; } h5 { font-size: 18px; margin: 30px 0; } h6 { font-size: 16px; margin: 36px 0; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ font-weight:normal; font-family:'proxima_nova_rgbold';} p{ font-family:'proxima_nova_rgregular'; font-size:15px; line-height:28px} address { font-style: italic; margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p { margin: 0 0 24px; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; } blockquote em, blockquote i { font-style: normal; font-weight: 300; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } menu { margin: 16px 0; padding: 0 0 0 40px; } ol, ul{margin: 16px 0; padding: 0 0 0 30px; } ul,ol { list-style-type: square; } ul li, ol li{ font-family:'proxima_nova_rgregular'; font-size:15px;} nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width:100% } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } caption { font-size: 16px; margin: 20px 0; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { background: url(images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; } /** * 2.0 Repeatable Patterns * ---------------------------------------------------------------------------- */ .genericon:before, .menu-toggle:after, .featured-post:before, .date a:before, .entry-meta .author a:before, .format-audio .entry-content:before, .comments-link a:before, .tags-links a:first-child:before, .categories-links a:first-child:before, .edit-link a:before, .attachment .entry-title:before, .attachment-meta:before, .attachment-meta a:before, .comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .bypostauthor > .comment-body .fn:before, .error404 .page-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; vertical-align: text-bottom; } /* Clearing floats */ .clear:after, .attachment .entry-header:after, .site-footer .widget-area:after, .entry-content:after, .page-content:after, .navigation:after, .nav-links:after, .gallery:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .comment-body:after { clear: both; } .clear:before, .clear:after, .attachment .entry-header:before, .attachment .entry-header:after, .site-footer .widget-area:before, .site-footer .widget-area:after, .entry-content:before, .entry-content:after, .page-content:before, .page-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .gallery:before, .gallery:after, .comment-form-author:before, .comment-form-author:after, .comment-form-email:before, .comment-form-email:after, .comment-form-url:before, .comment-form-url:after, .comment-body:before, .comment-body:after { content: ""; display: table; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; height: 1px; width: 1px; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Form fields, general styles first. */ button, input, textarea { border: 2px solid #d4d0ba; font-family: inherit; padding: 5px; } input, textarea { color: #141412; } input:focus, textarea:focus { border: 2px solid #c3c0ab; outline: 0; } /* Buttons */ button, input[type="submit"], input[type="button"], input[type="reset"] { background:transparent; border:#000 solid 1px; color:#000;} button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus { border-color:#ea1162; color:#ea1162; } button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { border-color:#ea1162; color:#ea1162; } .post-password-required input[type="submit"]:active { } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #7d7b6d; } :-moz-placeholder { color: #7d7b6d; } ::-moz-placeholder { color: #7d7b6d; } :-ms-input-placeholder { color: #7d7b6d; } /* * Responsive images * * Fluid images for posts, comments, and widgets */ .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } /* Make sure images with WordPress-added height and width attributes are scaled correctly. */ .entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } /* Make sure videos and embeds fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* Override the Twitter embed fixed width. */ .entry-content .twitter-tweet-rendered { max-width: 100% !important; } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } figure.wp-caption.alignleft, img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } figure.wp-caption.alignright, img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-size: 18px; font-style: italic; font-weight: 300; margin: 0 0 24px; } div.wp-caption.alignright img[class*="wp-image-"] { float: right; } div.wp-caption.alignright .wp-caption-text { padding-left: 10px; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; } /** * 3.0 Basic Structure * ---------------------------------------------------------------------------- */ .site {margin: 0; width: 100%; } .site-main { position: relative; } .site-main .sidebar-container {} .site-main .sidebar-inner { width:380px; float:right; position:absolute; height:100%; right:0; border-left:#000 solid 1px} /** * 4.0 Header * ---------------------------------------------------------------------------- */ /** * 4.1 Site Header * ---------------------------------------------------------------------------- */ .site-header { position: relative; } .site-header .home-link { color: #141412; display: block; margin: 0 auto; max-width: 1080px; min-height: 230px; padding: 0 20px; text-decoration: none; width: 100%; } .site-header .site-title:hover { text-decoration: underline; } .site-title { font-size: 60px; font-weight: bold; line-height: 1; margin: 0; padding: 58px 0 10px; } .site-description { font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif; margin: 0; } /** * 4.2 Navigation * ---------------------------------------------------------------------------- */ .main-navigation { clear: both; margin: 0 auto; max-width: 1140px; position: relative; z-index:1; background:#000;} ul.nav-menu, div.nav-menu > ul { margin: 0; padding: 0; } .nav-menu li { display: inline-block; position: relative; } .nav-menu li a { color: #fff; display: block; font-size: 15px; padding:30px 6.58px; text-decoration: none; text-transform:uppercase} .nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus { background-color: #000; color: #ea1162; } /*.nav-menu .sub-menu, .nav-menu .children { background-color: #000; padding: 0; position: absolute; left: -2px; z-index: 99999; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); padding-bottom:20px } .nav-menu .sub-menu ul, .nav-menu .children ul { left: 100%; top: 0; }*/ ul.nav-menu ul a, .nav-menu ul ul a { color: #fff; margin: 0; width: 280px; padding:8px 34px; } /*ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus { background-color: #db572f; }*/ ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul, ul.nav-menu .focus > ul, .nav-menu .focus > ul { clip: inherit; overflow: inherit; height: inherit; width: inherit; } .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { color: #ea1162;} .menu-toggle { display: none; } /* Navbar */ .navbar { background-color: #f7f5e7; margin: 0 auto; max-width: 1600px; width: 100%; } .site-header .search-form { position: absolute; right: 20px; top: 1px; } .site-header .search-field { background-color: transparent; background-image: url(images/search-icon.png); background-position: 5px center; background-repeat: no-repeat; background-size: 24px 24px; border: none; cursor: pointer; height: 37px; margin: 3px 0; padding: 0 0 0 34px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 1px; } .site-header .search-field:focus { background-color: #fff; border: 2px solid #c3c0ab; cursor: text; outline: 0; width: 230px; } /** * 5.0 Content * ---------------------------------------------------------------------------- */ .hentry { padding: 20px 0 ; display:inline-block; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0 auto; max-width: 100%; width: 100%; } .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta { width:100% } /** * 5.1 Entry Header * ---------------------------------------------------------------------------- */ .sidebar .entry-header .entry-meta { padding: 0; margin:0 0 10px } .entry-thumbnail img { display: block; margin: 0 auto 10px; width:100% } .entry-header { margin-bottom: 10px; } .entry-title { font-weight: normal; margin: 0 0 5px; } .entry-title a { color: #141412; } .entry-title a:hover { color: #ea1162; } /** * 5.2 Entry Meta * ---------------------------------------------------------------------------- */ .entry-meta { clear: both; font-size: 14px; } .entry-meta a { color: #000; } .entry-meta a:hover { color: #ea1162; } .entry-meta > span { margin-right: 20px; } .entry-meta > span:last-child { margin-right: 0; } .featured-post:before { content: "\f308"; margin-right: 2px; } .entry-meta .date a:before { content: "\f303"; } .comments-link a:before { content: "\f300"; margin-right: 2px; position: relative; top: -1px; } .entry-meta .author a:before { content: "\f304"; position: relative; top: -1px; } .categories-links a:first-child:before { content: "\f301"; } .tags-links a:first-child:before { content: "\f302"; position: relative; top: -1px; } .edit-link a:before { content: "\f411"; position: relative; top: -1px; } .single-author .entry-meta .author, .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date { display: none; } /** * 5.3 Entry Content * ---------------------------------------------------------------------------- */ .entry-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .entry-content a, .comment-content a { color: #ea1162; } .entry-content a:hover, .comment-content a:hover { color: #ea1162; } .entry-content .more-link { white-space: nowrap; } .entry-content blockquote { font-size: 24px; } .entry-content blockquote cite, .entry-content blockquote small { font-size: 16px; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: -60px; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: -60px; } footer.entry-meta { margin-top: 24px; } .format-standard footer.entry-meta { margin-top: 0; margin-bottom:15px; } /* Page links */ .page-links { clear: both; font-size: 16px; font-style: italic; font-weight: normal; line-height: 2.2; margin: 20px 0; text-transform: uppercase; } .page-links a, .page-links > span { background: #fff; border: 1px solid #fff; padding: 5px 10px; text-decoration: none; } .format-status .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-chat .entry-content .page-links a, .format-quote .entry-content .page-links a, .page-links a { background: #e63f2a; border: 1px solid #e63f2a; color: #fff; } .format-gallery .entry-content .page-links a:hover, .format-audio .entry-content .page-links a:hover, .format-status .entry-content .page-links a:hover, .format-video .entry-content .page-links a:hover, .format-chat .entry-content .page-links a:hover, .format-quote .entry-content .page-links a:hover, .page-links a:hover { background: #fff; color: #e63f2a; } .format-status .entry-content .page-links > span, .format-quote .entry-content .page-links > span { background: none; } .page-links .page-links-title { background: transparent; border: none; margin-right: 20px; padding: 0; } /* Mediaelements */ .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #220e10; } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .hentry .mejs-controls .mejs-time-rail .mejs-time-current { background: #ea1162; } .hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #595959; } .hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } /** * 5.4 Galleries * ---------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 5.5 Post Formats * ---------------------------------------------------------------------------- */ /* Aside */ .format-aside { background-color: #f7f5e7; } .blog .format-aside:first-of-type, .single .format-aside:first-of-type, .format-aside + .format-aside, .format-aside + .format-link, .format-link + .format-aside { box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2); } .format-aside .entry-meta { margin-top: 0; } .format-aside blockquote { font-size: 100%; font-weight: normal; } .format-aside cite { font-size: 100%; text-transform: none; } .format-aside cite:before { content: "\2014"; margin-right: 5px; } /* Audio */ .format-audio { background-color: #db572f; } .format-audio .entry-title { font-size: 28px; font-weight: bold; } .format-audio .entry-content:before { content: "\f109"; float: left; font-size: 64px; position: relative; top: 4px; } .format-audio .entry-content a, .format-audio .entry-meta a, .format-audio .entry-content a:hover, .format-audio .entry-meta a:hover { color: #fbfaf3; } .format-audio .audio-content { background: url(images/dotted-line.png) repeat-y left top; background-size: 4px 4px; float: right; padding-left: 35px; width: 80%; width: -webkit-calc(100% - 85px); width: calc(100% - 85px); } .format-audio .wp-audio-shortcode { height: 30px !important; /* Override mediaelement.js style */ margin: 20px 0; max-width: 400px !important; /* Override mediaelement.js style */ } .format-audio audio { max-width: 100% !important; /* Avoid player width overflow. */ } /* Chat */ .format-chat { background-color: #eadaa6; } .format-chat .entry-title { font-size: 28px; font-weight: bold; } .format-chat .entry-meta a, .format-chat .entry-content a { color: #722d19; } .format-chat .entry-meta .date a:before { content: "\f108"; margin-right: 2px; } .format-chat .entry-meta .author { display: none; } .format-chat .chat { margin: 0; } .format-chat .chat .chat-timestamp { color: #722d19; float: right; font-size: 12px; font-weight: normal; margin: 5px 10px 0; } .format-chat .chat .fn { font-style: normal; } /* Gallery */ .format-gallery { background-color: #fbca3c; } .format-gallery .entry-header { margin-bottom: 15px; } .format-gallery .entry-title { font-size: 50px; font-weight: 400; margin: 0; } .format-gallery .entry-meta a, .format-gallery .entry-content a { color: #722d19; } /* Image */ .format-image .entry-title { font-size: 28px; font-weight: bold; } .format-image .categories-links, .format-image .tags-links { display: none; } /* Link */ .format-link { background-color: #f7f5e7; } .blog .format-link:first-of-type, .single .format-link:first-of-type { box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2); } .format-link .entry-header, .format-link .entry-content p:last-child { margin-bottom: 0; } .format-link .entry-title { color: #ca3c08; display: inline; font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif; margin-right: 20px; } .format-link .entry-title a { color: #ea1162; } .format-link div.entry-meta { display: inline; } /* Standard */ .format-standard .wp-video, .format-standard .wp-audio-shortcode, .format-audio .wp-audio-shortcode, .format-standard .video-player { margin-bottom: 24px; } /* Quote */ .format-quote { background-color: #210d10; } .format-quote .entry-content, .format-quote .entry-meta { color: #f7f5e7; } .format-quote .entry-content blockquote { font-size: 28px; margin: 0; } .format-quote .entry-content a, .format-quote .entry-meta a, .format-quote .linked { color: #e63f2a; } .format-quote .entry-content cite a { border-bottom: 1px dotted #fff; color: #fff; } .format-quote .entry-content cite a:hover { text-decoration: none; } .format-quote blockquote small, .format-quote blockquote cite { display: block; font-size: 16px; } .format-quote blockquote { font-style: italic; font-weight: 300; padding-left: 75px; position: relative; } .format-quote blockquote:before { content: '\201C'; font-size: 140px; font-weight: 400; line-height: .8; padding-right: 25px; position: absolute; left: -15px; top: -3px; } .format-quote .entry-meta .author { display: none; } /* Status */ .format-status { background-color: #722d19; padding: 0; } .format-status .entry-content, .format-status .entry-meta { padding-left: 35px; position: relative; } .format-status .entry-content a { color: #eadaa6; } .format-status .entry-meta a { color: #f7f5e7; } .sidebar .format-status .entry-content, .sidebar .format-status .entry-meta { padding-left: 95px; } .format-status .entry-content:before, .format-status .entry-meta:before { background: url(images/dotted-line.png) repeat-y left bottom; background-size: 4px 4px; content: ""; display: block; height: 100%; position: absolute; left: 10px; top: 0; width: 1px; } .sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before { left: 70px; } .format-status .categories-links, .format-status .tags-links { display: none; } /* Ensures the dots in the dot background are in lockstep. */ .format-status .entry-meta:before { background-position: left top; } .format-status .entry-content { color: #f7f5e7; font-size: 24px; font-style: italic; font-weight: 300; padding-bottom: 30px; padding-top: 40px; position: relative; } .format-status .entry-content p:first-child:before { background-color: rgba(0, 0, 0, 0.65); content: ""; height: 3px; margin-top: 13px; position: absolute; left: 4px; width: 13px; } .sidebar .format-status .entry-content > p:first-child:before { left: 64px; } .format-status .entry-content p:last-child { margin-bottom: 0; } .format-status .entry-meta { margin-top: 0; padding-bottom: 40px; } .format-status .entry-meta .date a:before { content: "\f105"; } /* Video */ .format-video { background-color: #db572f; } .format-video .entry-content a, .format-video .entry-meta a, .format-video .entry-content a:hover, .format-video .entry-meta a:hover { color: #fbfaf3; } .format-video .entry-title { font-size: 50px; font-weight: 400; } .format-video .entry-meta { color: #220e10; } /** * 5.6 Attachments * ---------------------------------------------------------------------------- */ .attachment .hentry { background-color: #e8e5ce; margin: 0; padding: 0; } .attachment .entry-header { margin-bottom: 0; max-width: 1040px; padding: 30px 0; } .attachment .entry-title { display: inline-block; float: left; font-size:30px ; margin: 0; } .attachment .entry-title:before { content: "\f416"; font-size: 32px; margin-right: 10px; } .attachment .entry-meta { clear: none; color: inherit; float: right; max-width: 604px; padding: 9px 0 0; text-align: right; } .hentry.attachment:not(.image-attachment) .entry-meta { max-width: 104px; } .attachment footer.entry-meta { display: none; } .attachment-meta:before { content: "\f307"; } .full-size-link a:before { content: "\f402"; } .full-size-link:before { content: none; } .attachment .entry-meta a, .attachment .entry-meta .edit-link:before, .attachment .full-size-link:before { color: #ca3c08; } .attachment .entry-content { background-color: #fff; max-width: 100%; padding: 40px 0; } .image-navigation { margin: 0 auto; max-width: 1040px; position: relative; } .image-navigation a:hover { text-decoration: none; } .image-navigation .nav-previous, .image-navigation .nav-next { position: absolute; top: 50px; } .image-navigation .nav-previous { left: 0; } .image-navigation .nav-next { right: 0; } .image-navigation .meta-nav { font-size: 32px; font-weight: 300; vertical-align: -4px; } .attachment .entry-attachment, .attachment .type-attachment p { margin: 0 auto; max-width: 724px; text-align: center; } .attachment .entry-attachment .attachment { display: inline-block; } .attachment .entry-caption { text-align: left; } .attachment .entry-description { margin: 20px auto 0; max-width: 604px; } .attachment .entry-caption p:last-child, .attachment .entry-description p:last-child { margin: 0; } .attachment .site-main .sidebar-container { display: none; } .attachment .entry-content .mejs-audio { max-width: 400px; margin: 0 auto; } .attachment .entry-content .wp-video { margin: 0 auto; } .attachment .entry-content .mejs-container { margin-bottom: 24px; } /** * 5.7 Post/Paging Navigation * ---------------------------------------------------------------------------- */ .navigation .nav-previous { float: left; } .navigation .nav-next { float: right; } .navigation a { color: #000; } .navigation a:hover { color: #ea1162; text-decoration: none; } .paging-navigation { padding:10px 0; } .paging-navigation .nav-links { margin: 0 0 10px 0; width: 100%;} .sidebar .paging-navigation .nav-links { } .paging-navigation .nav-next { padding: 13px 0; } .paging-navigation a { font-size: 22px; font-style: italic; font-weight: 300; } .paging-navigation .meta-nav { color: #000; display: inline-block; font-size: 26px; } .paging-navigation .nav-previous .meta-nav { margin-right: 10px;} .paging-navigation .nav-next .meta-nav { margin-left: 10px; } .paging-navigation a:hover .meta-nav { color: #ea1162; transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear; } .post-navigation { background-color: #fff; color: #ca3c08; font-size: 20px; font-style:normal; font-weight: 300; padding: 20px 0; clear:both } .post-navigation .nav-links {} .sidebar .post-navigation .nav-links { padding: 0; } .post-navigation a[rel="next"] { float: right; text-align: right; } /** * 5.8 Author Bio * ---------------------------------------------------------------------------- */ .author-info { margin: 0 auto; max-width: 604px; padding: 30px 0 10px; text-align: left; /* gallery & video post formats */ width: 100%; } .author.sidebar .author-info { max-width: 1040px; padding: 30px 376px 10px 60px; } .single .author-info { padding: 50px 0 0; } .author-avatar .avatar { float: left; margin: 0 30px 30px 0; } .single-format-status .author-description { color: #f7f5e7; } .author-description .author-title { clear: none; font-size: 20px ; margin: 0 0 8px; } .author-link { color: #ca3c08; margin-left: 2px; } .author.archive .author-link { display: none; } /** * 5.9 Archives * ---------------------------------------------------------------------------- */ .archive-header { } .archive-title, .archive-meta { font-size:20px ; margin: 0 ; padding:48px 0 10px; width: 100%; } .archive-meta { font-size: 16px; font-style: normal; font-weight: normal; margin-top: -15px; padding: 0 0 11px; } .sidebar .archive-meta { padding-right: 316px; } /** * 5.10 Search Results/No posts * ---------------------------------------------------------------------------- */ .page-header { background-color: #e8e5ce; } .page-title { font-size:20px ; margin: 0 auto; max-width: 1040px; padding: 30px 0; width: 100%; } .page-content { margin: 0 auto; max-width: 604px; padding: 40px 0; width: 100%; } .sidebar .page-content { margin: 0 auto; max-width: 1040px; padding: 40px 376px 40px 60px; } /** * 5.11 404 * ---------------------------------------------------------------------------- */ .error404 .page-header { background-color: #fff; } .error404 .page-title { line-height: 0.6; margin: 0; padding: 0; position: relative; text-align: center; width: 100%; height:300px; } .error404 .page-title:before { color: #ea1162; content: "\f423"; font-size: 500px; line-height: 0.6; overflow: hidden; position: absolute; left: 7px; top: 28px; text-align:center; width:100%; } .error404 .page-wrapper{text-align: center;} .error404 .page-header, .error404 .page-content { margin: 0 auto; max-width: 1040px; padding-bottom: 40px; width: 100%; } /** * 5.12 Comments * ---------------------------------------------------------------------------- */ .comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { display: block; margin-left: auto; margin-right: auto; max-width: 604px; width: 100%; } .sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation { max-width: 100%; } .comments-title { font-size:21px; margin:10px 0 ; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment-list .children { margin-left:0px; } .comment-list > li:after, .comment-list .children > li:before { background: url(images/dotted-line.png) repeat left top; background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } .comment-list > li:last-child:after { display: none; } .comment-body { padding: 15px 0; position: relative; } .comment-author { float: left; max-width: 74px; } .comment-author .avatar { display: block; margin-bottom: 10px; } .comment-author .fn { word-wrap: break-word; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { color: #ea1162; font-size: 14px; font-style: normal; font-weight: normal; } .says { display: none; } .no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative; } .no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { width: 100%; } .bypostauthor > .comment-body .fn:before { content: "\f408"; vertical-align: text-top; } .comment-list .edit-link { margin-left: 20px; } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { float: right; width: 620px; word-wrap: break-word; } .comment-meta, .comment-meta a { color: #a2a2a2; font-size: 13px; } .comment-meta a:hover { color: #ea1162; } .comment-metadata { margin-bottom:0px; } .ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2; } .comment-awaiting-moderation { color: #a2a2a2; } .comment-awaiting-moderation:before { content: "\f414"; margin-right: 5px; position: relative; top: -2px; } .comment-reply-link:before, .comment-reply-login:before { content: "\f412"; margin-right: 3px; } /* Comment form */ .comment-respond {padding: 30px 0; } .comment .comment-respond { margin-bottom: 20px; padding: 20px; } .comment-reply-title { font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif; } .comment-reply-title small a { color: #131310; display: inline-block; float: right; height: 16px; overflow: hidden; width: 16px; } .comment-reply-title small a:hover { color: #ed331c; text-decoration: none; } .comment-reply-title small a:before { content: "\f406"; vertical-align: top; } .sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form { padding: 0; } .comment-form .comment-notes { margin-bottom: 15px; display:none } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { margin-bottom: 8px; display:none } .comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] { float: left; padding: 5px 0; width: 120px; } .comment-form .required { color: #ed331c; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { max-width: 270px; width: 60%; } .comment-form textarea { width: 100%; } .form-allowed-tags, .form-allowed-tags code { color: #686758; font-size: 12px; } .form-allowed-tags code { font-size: 10px; margin-left: 3px; } .comment-list .pingback, .comment-list .trackback { padding-top: 24px; } .comment-navigation { font-size: 20px; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 604px; padding: 20px 0 30px; width: 100%; } .no-comments { background-color: #f7f5e7; font-size: 20px; font-style: italic; font-weight: 300; margin: 0; padding: 40px 0; text-align: center; } .sidebar .no-comments { padding-left: 60px; padding-right: 376px; } /** * 5.13 Multisite * ---------------------------------------------------------------------------- */ .site-main .mu_register { margin: 0 auto; max-width: 604px; width: 100%; } .mu_alert { margin-top: 25px; } .site-main .mu_register input[type="submit"], .site-main .mu_register #blog_title, .site-main .mu_register #user_email, .site-main .mu_register #blogname, .site-main .mu_register #user_name { font-size: inherit; width: 270px; } .site-main .mu_register input[type="submit"] { width: auto; } /** * 6.0 Sidebar * ---------------------------------------------------------------------------- */ .site-main .widget-area {} /** * 6.1 Widgets * ---------------------------------------------------------------------------- */ .widget { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0 24px; } .widget .widget-title { margin: 0 0 10px; } .widget ul, .widget ol { list-style-type: none; margin: 0; padding: 0; } .widget li { padding: 5px 0; } .widget .children li:last-child { padding-bottom: 0; } .widget li > ul, .widget li > ol { margin-left: 20px; } .widget a { color: #ea1162; } .widget a:hover { color: #ea1162; } /* Search widget */ .search-form .search-submit { display: none; } /* RSS Widget */ .widget_rss .rss-date { display: block; } .widget_rss .rss-date, .widget_rss li > cite { color: #a2a2a2; } /* Calendar Widget */ .widget_calendar table, .widget_calendar td { border: 0; border-collapse: separate; border-spacing: 1px; } .widget_calendar caption { font-size: 14px; margin: 0; } .widget_calendar th, .widget_calendar td { padding: 0; text-align: center; } .widget_calendar a { display: block; } .widget_calendar a:hover { background-color: rgba(0, 0, 0, 0.15); } .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.5); } .site-footer .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.05); } .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad { background-color: transparent; } /** * 7.0 Footer * ---------------------------------------------------------------------------- */ .site-footer { background-color: #e8e5ce; color: #686758; font-size: 14px; text-align: center; } .site-footer .widget-area, .sidebar .site-footer { text-align: left; } .site-footer a { color: #686758; } .site-footer .sidebar-container { background-color: #220e10; padding: 20px 0; } .site-footer .widget-area { margin: 0 auto; max-width: 1040px; width: 100%; } .sidebar .site-footer .widget-area { max-width: 724px; position: relative; left: -158px; } .site-footer .widget { background: transparent; color: #fff; float: left; margin-right: 20px; width: 245px; } .sidebar .site-footer .widget { width: 228px; } .sidebar .site-footer .widget:nth-of-type(4), .sidebar .site-footer .widget:nth-of-type(3) { margin-right: 0; } .site-footer .widget a { color: #e6402a; } .site-footer .widget-title, .site-footer .widget-title a, .site-footer .wp-caption-text { color: #fff; } .site-info { margin: 0 auto; max-width: 1040px; padding: 30px 0; width: 100%; } #wpstats { display: block; margin: -10px auto 0; } /** * 8.0 Media Queries * ---------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } @media (max-width: 1599px) { .site { border: 0; } } @media (max-width: 1069px) { .sidebar img.alignleft, .sidebar .wp-caption.alignleft { margin-left: 0; } .sidebar img.alignright, .sidebar .wp-caption.alignright { margin-right: 0; } .error404 .page-header { margin-left: auto; max-width: 604px; width: 100%; } .search .page-header, .archive .page-header, .blog .page-header, .error404 .page-content, .search .page-content, .archive .page-content, .attachment .entry-header, .attachment .entry-content, .post-navigation .nav-links, .sidebar .site-info, .site-footer .widget-area { padding-left: 20px; padding-right: 20px; } .error404 .page-title { font-size: 24px; padding: 180px; } .error404 .page-title:before { font-size: 554px; } .attachment .image-navigation { max-width: 724px; } .image-navigation .nav-previous, .image-navigation .nav-next { position: static; } } @media (max-width: 999px) { .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comment-list, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links, .author.sidebar .author-info { max-width: 100%; } .sidebar .site-info, .search.sidebar .page-content, .blog.sidebar .page-content, .attachment .entry-header, .sidebar .comments-title { max-width: 100%; } .sidebar .archive-meta, .attachment .entry-header, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .site-info, .sidebar .comments-title, .sidebar .no-comments { padding-left: 0; padding-right: 0; } .attachment .entry-meta { float: left; text-align: left; width: 100%; } .attachment .entry-content { max-width: 100%; padding: 40px 0; } .format-status .entry-content { padding-top: 40px; } .format-status .entry-meta { padding-bottom: 40px; } .sidebar .format-status .entry-content, .sidebar .format-status .entry-meta { padding-left: 35px; } .sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before { left: 10px; } .sidebar .format-status .entry-content p:first-child:before { left: 4px; } .sidebar .paging-navigation .nav-links { padding: 0 60px; } .site-main .widget-area { float: none; margin: 0; width: 100%; } .sidebar .site-footer .widget-area { max-width: 100%; left: 0; } } /* Collapse oversized image and pulled images after iPad breakpoint. */ @media (max-width: 767px) { .site-header .home-link { min-height: 0; } .site-title { font-size: 36px; padding: 8px 0 10px; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .attachment .image-navigation, .attachment .entry-attachment .attachment { max-width: 604px; padding: 0; width: 100%; } .gallery-caption { display: none; } } @media (max-width: 643px) { .site-title { font-size: 30px; } /* #content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links { padding-left: 20px; padding-right: 20px; } */ #content .format-status .entry-content, #content .format-status .entry-met { padding-left: 35px; } /* Small menu */ .menu-toggle { cursor: pointer; display: inline-block; font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif; margin: 0; } .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active { background: none; border: none; color: #141412; padding: 12px 0 12px 20px; } .menu-toggle:focus { outline: 0; } .menu-toggle:after { content: "\f502"; font-size: 12px; padding-left: 8px; vertical-align: -4px; } .toggled-on .menu-toggle:after { content: "\f500"; vertical-align: 2px; } .toggled-on .nav-menu, .toggled-on .nav-menu > ul { display: block; margin-left: 0; padding: 0; width: 100%; } .toggled-on li, .toggled-on .children { display: block; } .toggled-on .nav-menu li > ul { background-color: transparent; display: block; float: none; margin-left: 20px; position: relative; left: auto; top: auto; } .toggled-on .nav-menu li > ul a { color: #141412; width: auto; } .toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a { background-color: transparent; color: #141412; } .toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover { background-color: #db572f; color: #fff; } .toggled-on .nav-menu > li a:focus, .toggled-on .nav-menu > ul a:focus { background-color: #220e10; color: #fff; } ul.nav-menu, div.nav-menu > ul { display: none; } #content .featured-gallery { padding-left: 24px; } .gallery-columns-1 .gallery-item { margin-right: 0; width: 100%; } .entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title { font-size: 22px; font-weight: bold; } .format-quote blockquote, .format-status .entry-content { font-size: 18px; } .format-quote blockquote small, .format-quote blockquote cite { font-size: 13px; } .error404 .page-title { padding: 40px 0 0; } .comment-author { margin-right: 30px; } .comment-author .avatar { height: auto; max-width: 100%; } .comment-metadata, .comment-content, .comment-list .reply { width: 70%; width: -webkit-calc(100% - 104px); width: calc(100% - 104px); } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); } .comment-form textarea { height: 80px; /* Smaller field for mobile. */ } /* Audio */ .format-audio .entry-content:before { display: none; } .format-audio .audio-content { background-image: none; float: none; padding-left: 0; width: auto; } } /* Mobile devices */ @media (max-width: 359px) { .site-title { font-weight: normal; } .site-description { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .gallery { margin-left: 0; } .gallery .gallery-item, .gallery-columns-2.gallery-size-thumbnail .gallery-item { max-width: none; width: 49%; width: -webkit-calc(50% - 4px); width: calc(50% - 4px); } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: block; } .gallery-columns-1 .gallery-item, .gallery-columns-1.gallery-size-medium .gallery-item, .gallery-columns-1.gallery-size-thumbnail .gallery-item { text-align: center; width: 98%; width: -webkit-calc(100% - 4px); width: calc(100% - 4px); } .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 4px; } .gallery br { display: none; } .gallery .gallery-item:nth-of-type(even) { margin-right: 0; } /* Comments */ .comment-author { margin: 0 0 5px; max-width: 100%; } .comment-author .avatar { display: inline; margin: 0 5px 0 0; max-width: 20px; } .comment-metadata, .comment-content, .comment-list .reply { width: 100%; } } /** * 9.0 Print * ---------------------------------------------------------------------------- */ /* Retina-specific styles. */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .site-header .search-field { background-image: url(images/search-icon-2x.png); } .format-audio .audio-content, .format-status .entry-content:before, .format-status .entry-meta:before, .comment-list > li:after, .comment-list .children > li:before { background-image: url(images/dotted-line-2x.png); } } @media print { body { background: none !important; color: #000; font-size: 10pt; } footer a[rel="bookmark"]:link:after, footer a[rel="bookmark"]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } .site { max-width: 98%; } .site-header { background-image: none !important; } .site-header .home-link { max-width: none; min-height: 0; } .site-title { color: #000; font-size: 21pt; } .site-description { font-size: 10pt; } .author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link { display: none; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0; width: 100%; } .page-title, .entry-title { font-size: 21pt; } .entry-meta, .entry-meta a { color: #444; font-size: 10pt; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .format-image .entry-content .size-full { margin: 0; } /* Remove colors from post formats */ .hentry { background-color: #fff; } /* Comments */ .comments-area > li.comment { background: none; position: relative; width: auto; } .comment-metadata { float: none; } .comment-author .fn, .comment-reply-link, .comment-reply-login { color: #333; } } /* custome css */ .full-width p a{ text-decoration:underline} .full-width p a:hover{ text-decoration:none} .cf:before, .cf:after {content: "";display: table} .cf:after {clear: both;} .main { width:1140px; margin:0 auto; } h1{ font-family:'proxima_novalight'; font-weight:100; text-transform:uppercase} h1 strong{font-weight: bold; font-family: 'proxima_nova_rgbold';} /* header css start */ .logo a{ margin-top:63px;} .logo { text-align:center; display:block} .contacts{ background:#000; float:right; text-align:center; width:193px; padding:0 15px; height:235px; display:table;} .contacts .contact-num { display:table-cell; vertical-align:middle} .contacts span{ display:block; color:#fff; font-family:'proxima_novalight'; font-size:16px; line-height:normal; text-transform:uppercase} .contacts strong{ font-family:'proxima_nova_rgbold'; font-size:24px; color:#fff; line-height:normal} .contacts span.contact-no{ font-size:30px; color:#fff; font-family:'proxima_novalight';} .contacts span.contact-no a{ color:#fff; margin-top:0} .contacts span.contact-no a:hover{ color:#ea1162} .contacts span.contact-no span{ font-size:18px; display:inline-block; vertical-align:middle; margin:0 5px; } .main-menu .book-appointment { background:#ea1162; font-size:16px; font-family:'proxima_novalight'; padding:32px 10px ; color:#fff; float:right; text-align:center; min-width:192px; line-height:19px; text-transform:uppercase} .main-menu .book-appointment:hover{ background:#d3115a; color:#fff;} .menu-header-menu-container { float:left;} /* menu css start */ .main-menu { background:#000; position:relative; z-index:99} .main-menu:after{ content:""; width:50%; position:absolute; right:0; height:83px; background:#ea1162; top:0 } .menu-icon {display: none; cursor: pointer; color:#fff; text-transform:uppercase; text-align:left; font-weight:bold; line-height:33px; font-size:22px; padding:25px 0 ;} .menu-icon span{background: url(images/menu-icon.png) no-repeat right center; padding-right:40px;} .enumenu_ul .caret { color: #fff; margin-left: 7px; } .enumenu_ul { padding: 0px; list-style: none; } /*.enumenu_ul > li { display: inline-block; vertical-align: top; padding-bottom: 23px; position: relative } .enumenu_ul li a { font-size: 18px; color: #fff; padding: 23px 30px; } .enumenu_ul > li > a:hover, .enumenu_ul > li.active > a { background:#282828 none repeat scroll 0 0; }*/ .enumenu_ul > li ul { display: none } .enumenu_ul ul li { width: 100%; margin: 0; list-style: none; position: relative;} .enumenu_ul li:first-child ul { left:0} .enumenu_ul.desk ul {top: 100%; z-index: 99999; list-style: none; left: -34px; position:absolute; background:#000; padding:0 } /*Sub menu styles*/ .menu.submenu-ul-level1 li a { background: rgba(31,26,107,0.8); color: #fff; text-align:left } .enumenu_ul.desk li:hover > ul { display: block; opacity: 1;} .enumenu_ul.desk .sb-menu .sb-menu {left: 100%;top: 0;} .enumenu_ul.desk ul li:hover > a{ background:#000; color:#ea1162;} .enumenu_ul .arrow { position: absolute; right:10px; top: 5px; width: 30px; height: 30px; background: url(images/plus.png) no-repeat center center; cursor: pointer; z-index: 999 } /* menu css end */ /* header css end */ /* banner css start */ .backslider { min-height:724px; background-repeat:no-repeat; background-size:cover; background-position:center center;} .banner-content { float:right; height:724px; display:table} .banner-content .banner-inner{ display:table-cell; vertical-align:middle} .banner-content .price-box{ float:left; padding:0 10px ; height:162px; display:table; width:158px; background:#fff480 ; color:#000; text-align:center} .banner-content .price-box .price-inner{ display:table-cell; vertical-align:middle} .banner-content .price-box span{ font-size:20px; display:block; text-transform:uppercase} .banner-content .price-box span br{ display:none; } .banner-content .price-box strong { font-family: 'proxima_nova_rgbold';font-size: 57px;line-height: 47px; margin-top: 12px;display: block;} .banner-content .titledescription {display:inline-block; width:100%;} .banner-content .titledescription h1{ text-align:right; font-size:36px; line-height:42px; font-family:'proxima_novalight'; color:#fff; border-right:#fff solid 1px; padding-right:15px; font-weight:lighter; text-transform:uppercase; margin:20px 0; } .banner-content .titledescription .viewall { font-size:13px; font-family:'proxima_nova_rgbold'; min-width:209px; text-align:center; padding:12px 0; color:#fff; border:#fff solid 1px; float:right; text-transform:uppercase; letter-spacing:2px} .banner-content .titledescription .viewall:hover{ text-decoration:none; background:#fff; color:#000} .slider2 .price-box span{ font-size:15px; color:#fff} .slider1, .slider2, .slider3 { text-align:right; float:right} .slider3 .price-box span{ color:#fff} .slider2 .price-box strong, .slider3 .price-box strong{ color:#fff} .slider2 .banner-content .titledescription h1, .slider3 .banner-content .titledescription h1 { color:#000; border-right-color:#000} .slider2 .banner-content .titledescription .viewall, .slider3 .banner-content .titledescription .viewall{ border-color:#000; color:#000;} .slider2 .banner-content .titledescription .viewall:hover, .slider3 .banner-content .titledescription .viewall:hover{ background:#000; color:#fff} .slider1 .price-box.box2 span{ font-size:14px; } .front-page .bx-has-controls-direction{ display:none} /* banner css end */ /* three block css start */ .midblock { float:left; width:33.33%;} .midblock .image-block{ position:relative} .midblock .image-block h3 { position:absolute; bottom:-1px; color:#fff; font-family:'proxima_nova_rgbold'; font-size:30px; padding:27px 0 20px; margin:0; width:100%; text-align:center; font-weight:normal; text-transform:uppercase} .midblock .image-block h3 span{ font-family:'proxima_novalight'; font-weight:100} .midblock .contentbox-block{ text-align:center; padding:30px 34px 25px} .midblock .contentbox-block p{ display:inline-block; font-size:15px; line-height:30px; color:#fff; margin-bottom:32px; min-height:120px;} .midblock .contentbox-block a{ font-family:'proxima_nova_rgbold'; font-size:13px; color:#fff; border:#fff solid 1px; padding:13px 15px; line-height:normal; text-transform:uppercase; letter-spacing:2px; margin-bottom:20px; width:310px;} .midblock .image-block .clinic1 { background:rgba(234,17,98, 0.7); color:#fff;} .midblock .image-block .clinic2 { background:rgba(255,245,110, 0.7); color:#000;} .midblock .image-block .clinic3 { background:rgba(0,169,124, 0.7); color:#fff;} .midblock .contentbox-block a:hover{ background:#fff; text-decoration:none;} .midblock:first-child .contentbox-block a:hover{ color:#ea1162;} .midblock:nth-child(2) .contentbox-block{ color:#000} .midblock:nth-child(2) .contentbox-block a:hover{ color:#fff56e; background:#000;} .midblock:nth-child(2) .contentbox-block a{ color:#000; border-color:#000;} .midblock:nth-child(2) .contentbox-block p{ color:#000;} .midblock:nth-child(3) .contentbox-block a:hover{ color:#00a97c;} /* three block css end */ /* our team block css start */ .team-full { clear:both} .team-full .teamleft-block{ float:left; width:60%; padding:60px 0 0px; background:url(images/meet-out-bg.jpg) repeat; min-height:360px} .team-full .teamleft-block .team-slider{float:right; width:759px;} .teamleft-block .bxslider{ padding:0; margin:0;} .team-full .teamright-block .team-head{ float:left; width:343px; margin-bottom:37px} .teamleft-block .bxslider .ourteam-img{ float:left; margin-right:35px; width:26.5%} .teamleft-block .bxslider .ourteam-desc { float:left; width:65%; } .team-full .teamright-block{ float:right; width:40%; padding:60px 35px 0; padding-right:0;} .ourteam-desc h2{ margin:0; line-height:29px; font-family:'proxima_novalight'; text-transform:uppercase; font-weight:100; color:#fff;} .ourteam-desc h5{ margin:24px 0 10px; font-family:'proxima_nova_rgbold'; color:#fff; text-transform:none} .ourteam-desc p{ line-height:28px; color:#fff;} .teamleft-block .bx-wrapper .bx-viewport { background:transparent; margin-bottom:20px;} .teamleft-block .bx-wrapper .bx-pager {bottom: -14px;left: 234px;text-align: left; width: initial;} .teamright-block h2{ text-transform:uppercase; line-height:36px; margin:0; font-weight:100; font-family:'proxima_novalight'; margin-bottom:10px; font-size:32px} .teamright-block p{ line-height:27px; margin-bottom:20px} .teamleft-block .bx-wrapper .bx-pager.bx-default-pager a {width: 24px;height: 24px; margin: 0 4px; border:transparent solid 2px; display:block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; transition:none; -webkit-transition:none; -moz-transition:none; } .teamleft-block .bx-wrapper .bx-pager.bx-default-pager a:hover, .teamleft-block .bx-wrapper .bx-pager.bx-default-pager a.active{ background:url(images/slider-round1.png) no-repeat -3px -3px; } .con-form li.file-up{ height:39px; border:#414141 solid 1px; background: #2a2a2a; color: #8c8c8c; min-height:inherit; margin-bottom:15px;} .file-up .your-file { background-color: #656565; float: right; width: 76px; height:25px; margin-top:6px; margin-right:7px; position:absolute; top:0px; right:0px} .fileupload .filebtn { margin-bottom:0;} .your-file .filebtn { opacity: 0; position: relative; z-index: 9; cursor: pointer; padding:0;} .form-fil .wpcf7-form-control { height: 50px; border-color: #e0e0e0; float: right; width: 360px; font-size: 12px; font-weight: 400; font-family:'proxima_novalight'; color: #101010; padding-left: 18px; padding-right: 18px;-webkit-appearance: none; border-radius: 0;} .fileupload .file-text { position: absolute; width: 70px;display: block;right: 10px; top: 9px; text-align: center; color: #ffffff; font-size: 12px; font-family: 'proxima_novalight'; text-transform: uppercase; cursor: pointer;} .fileupload .text-521 {display: inline-block; width: 100%; padding-right: 90px;} .fileupload .text-521 input{ border:none; padding:8px 9px} .fileupload .text-521 input:focus{ border:none} /* our team block css end */ /* booksection css end */ .booksection .callus-section { float:left; width:40%; background:#2a2a2a;} .booksection .call-inner{ padding:53px 30px 68px 0; width:380px; float:right;} .booksection .call-inner h3{color:#fff; text-transform:uppercase; margin:0;} .booksection .call-inner h3 span{ font-family:'proxima_novalight'; font-weight:100} .booksection .call-inner h3 strong{ font-family:'proxima_nova_rgbold'} .booksection .call-inner .call-title-line{color:#fff; margin:0; display:block; font-size:15px; display:block;} .booksection .footer-call h3{color:#ea1162; display:inline-block; font-family:'proxima_novalight'; font-weight:100} .booksection .footer-call h5{ display:inline-block; color:#747474; font-family:'proxima_novalight'; font-weight:100; margin:0;} .booksection .footer-call h5 a{ color:#747474; font-family:'proxima_nova_rgregular'; margin:0 3px} .booksection .footer-call h5 a:hover{ color:#ea1162;} .booksection .footer-call h5 span{ font-size:30px; color:#747474; font-weight:100} .booksection .book-btn { background:#ea1162; font-size:14px; color:#fff; min-width:330px; text-align:center; padding:11px 0; border:#fff solid 1px; margin-top:5px; font-weight:bold; text-transform:uppercase; letter-spacing:2px} .booksection .book-btn:hover{ background:#c01454; text-decoration:none} .promotions-block .es_lablebox { display:none;} .promotions-block .es_textbox { display:inline-block; margin-right:7.6px;} .promotions-block .es_button{ display:inline-block; padding:0; vertical-align:top } .promotions-block .es_button input{ background:url(images/right-arrow-promp.png) no-repeat transparent center center; border:#000 solid 1px; border-radius:0; font-size:0; padding:20px; width:42px;} .promotions-block .es_button input:hover, .promotions-block .es_button input:focus{background:url(images/right-arrow-promp-h.png) no-repeat #000 center center;padding:20px; } .promotions-block .es_textbox input{ border:none; padding:10px; width:320px; border:#fff solid 2px;-webkit-appearance:none;} .promotions-block .es_textbox input:-moz-placeholder{ color:#a6a6a6; opacity:0.8} .promotions-block .es_textbox input::-moz-placeholder{ color:#a6a6a6; opacity:0.8} .promotions-block .es_textbox input::-webkit-input-placeholder{ color:#a6a6a6; opacity:0.8} .promotions-block .es_textbox input:-ms-input-placeholder{ color:#a6a6a6; opacity:0.8} .promotions-block .es_textbox input:focus{ border:#000 solid 2px} #bookappointment{ background:#e4e4e4; clear:both} .booksection .promotions-block{ width:60%; float:right;} .booksection .promotions-block .promotions-inner{ width:760px; float:left; padding:75px 0 30px;} .promotions-inner .es-main{ position:relative;} .promotions-inner .es-main .es_msg { position:absolute; bottom:-18px; font-size:14px; padding:0 } .promotions-block #email-subscribers-2{ margin-left:50px; padding:0; margin-bottom:0} .promotions-inner .widget-title{ text-transform:uppercase; margin-bottom:0 ;} .promotions-inner .es_caption { text-transform:uppercase; margin-top:5px; padding-top:0; padding-right:0; margin-bottom:18px; line-height:18px;} /* booksection css end */ /* footer-block css start */ #footer-block { background:#151515; padding:17px 0 30px;} #footer-block .footer-box{ float:left;} #footer-block .footer-block1{ width:330px; margin-right:50px;} #footer-block .footer-block2{ width:330px;} #footer-block .footer-block3{ float:right; height:208px; display:table} #footer-block .footer-block3 .socail-icon{ display:table-cell; vertical-align:bottom; } #footer-block .footer-box h5{ color:#747474; text-transform:uppercase; margin-bottom:26px; font-family:'proxima_nova_rgregular'} #footer-block .footer-box .cont-list li:last-child p{ color:#fff; font-family:'proxima_nova_rgbold'; line-height:26px; width:242px; } #footer-block .footer-box .cont-list label{ width:60px; margin-right:8px; display:inline-block; vertical-align:top; } #footer-block .footer-box .cont-list p{ display:inline-block; margin-bottom:0; line-height:22px} #footer-block .footer-box .clinic-time label{ width:120px; margin-right:15px; margin-right:15px; display:inline-block; vertical-align:top; font-size:14px} #footer-block .footer-box .cont-list { padding:0; color:#818181; list-style:none} #footer-block .footer-box .cont-list li{ margin-bottom:12px} #footer-block .footer-box .cont-list li a{ color:#818181;} #footer-block .footer-box .cont-list li a:hover{ color:#ea1162;} #footer-block .footer-box .clinic-time{ color:#818181; list-style:none; padding:0;} #footer-block .footer-box .clinic-time li{ margin-bottom:14px} #footer-block .socail-icon { list-style:none; padding:0;} #footer-block .socail-icon li{ display:inline-block; margin-right:4px} #footer-block .socail-icon li:last-child{ margin-right:0;} #footer-block .socail-icon li a{ display:block;} .facebook-icon { background:url(images/facebook.png) no-repeat 0 0; font-size:0; height:39px; width:39px;} .facebook-icon:hover{background:url(images/facebook-h.png) no-repeat 0 0;} .instagram-icon{ background:url(images/intragram.png) no-repeat 0 0; font-size:0; height:39px; width:39px;} .instagram-icon:hover{background:url(images/intragram-h.png) no-repeat 0 0;} .gplus { background:url(images/gplus.png) no-repeat 0 0; font-size:0; height:39px; width:39px;} .gplus:hover{background:url(images/gplus-h.png) no-repeat 0 0; } .copyright{ background:#2a2a2a; padding:23px 0;} .copyright span{ font-size:11px; text-transform:uppercase; color:#7e7e7e} .copyright .last-footer{ padding:0; list-style:none; display:inline-block; margin:0} .copyright .last-footer li{ display:inline-block; border-left:#7e7e7e solid 1px; margin-right:-4px; line-height:11px; text-transform:uppercase; } .copyright .last-footer li a{ color:#7e7e7e; font-size:11px; padding:0 7px;} .copyright .last-footer li a:hover{ color:#ea1162} .menu-footer-menu-container{ display:inline-block; margin-left:4px; margin:0;} /* footer-block css end */ /* skin-treatments css start */ .static-banner { background-repeat:no-repeat; background-position:left center; background-size:cover; min-height:467px; width:100%; position:relative} .static-banner:after{ content:""; background:url(images/banner/banner-shadow.png) repeat; height:100%; width:100%; position:absolute; } .static-banner .banner-head { display:inline-block; position:absolute; bottom:0; right:0; background:#000; z-index:1; width:43.5%;} .static-banner .banner-head h1{ font-size: 56px; color: #fff; font-family: 'proxima_novalight';font-weight: 100; width: 447px; text-align: right; padding-right: 15px;line-height: 71px; margin: 30px 0 22px; position:relative; padding-left:10px; word-break:break-all} .static-banner .banner-head h1:after{ position:absolute; top:10%; height:80%; width:1px; background:#fff; content:""; right:0} /* skin-treatments css end */ /* skin-treatments tab css start */ .treat-tab-blocks .tabs-button { list-style:none; padding:0; margin:0} .treat-tab-blocks .tabs-button li{ width:33.33%; display:inline-block; margin-right:-5px} .treat-tab-blocks .tabs-button li a{ display:block; padding:44px 0; text-align:center; position:relative; font-family:'proxima_novalight'; font-size:30px; color:#000; text-transform:uppercase} .treat-tab-blocks .tabs-button li a:hover{ text-decoration:none;} .treat-tab-blocks .tabs-button li .arrow-tab { padding:12px 16px; position:absolute; top:0; right:0; font-family:Arial, Helvetica, sans-serif; line-height:0;} .treat-tab-blocks .treat-tab-one{ padding-bottom:53px;} .treat-tab-blocks .treat-tab-two{ padding:22px 0 70px; background:#e4e4e4} .treat-tab-blocks h3{ font-family:'proxima_nova_rgbold'; color:#000; text-transform:uppercase; margin-bottom:0} .treat-tab-blocks .treat-tab-three{ padding:25px 0 47px;} .skintreatments .skintreatments-left { width:59%; margin-right:1%; float:left} .treat-slider-main{ width:100%} .skintreatments .treat-slider-main { width:40%; float:right ; margin-top:102px} .treat-slider-main .left-before{ float:left; width:49.8%; margin-right:0.4%; position:relative; min-height:450px; background-repeat:no-repeat; background-position:center; background-size:cover;} /*.treat-slider-main .left-before img, .treat-slider-main .right-after img { width:100%;}*/ .treat-slider-main .left-before span{ position:absolute; top:0; right:0; background:#000; font-size:12px; color:#fff; padding:11px 16px; text-transform:uppercase; min-width:80px; text-align:center} .treat-slider-main .right-after{ float:right; width:49.8%; position:relative; background-repeat:no-repeat; min-height:450px; background-position:center; background-size:cover;} .treat-slider-main .right-after span{ position:absolute; top:0; right:0; background:#000; font-size:12px; color:#fff; padding:11px 16px; text-transform:uppercase; min-width:80px; text-align:center} .skintreatments-left h2{ text-transform:uppercase; margin-top:40px; margin-bottom:14px;} .skintreatments-left h2 span{ font-weight:normal; font-family:'proxima_novalight';} .skintreatments-left p{ line-height:28px} div.treat-slider-main .bx-controls-direction a{top: inherit; bottom: 10px;height: initial; margin-top: initial;} div.treat-slider-main .bx-prev{ left:0; background-position:center center;} div.treat-slider-main .bx-next{ right:0; background-position:center center;} .treat-slider-main .midblock .banner-title { text-align:center; padding:9px 0; border:#000 solid 1px; clear:both} .treat-slider-main .midblock .banner-title span{ font-family:'proxima_nova_rgbold'; font-size:13px; color:#000; text-transform:uppercase; letter-spacing:2px} .treat-accourding .accordion { list-style:none; padding:0; margin-top:10px;} .tab-up-title .accordion-title{ text-transform:uppercase; font-family:'proxima_novalight'; font-size:24px; padding:23px 33px 23px 0;} .skintreatments-left h1{ margin:40px 0 13px} /* accourding start */ .accordion-content { display: none; } .accordion li:first-child .accordion-title{ border-top:1px solid #222526; margin-right:5px} .accordion-title { background: url(images/acc-plus.png) right no-repeat ; width: 100%; border-bottom: 1px solid #222526; list-style: outside none none; width: 100%; display: block; color: #000; padding:14px 33px 23px 0; cursor: pointer; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; font-size:15px ; line-height:normal} .accordion-title span{ font-family:'proxima_nova_rgbold'; font-size:30px} .accordion-title:hover { color: #ea1162; text-decoration:none } .accordion-title.active { background: url(images/acc-minus1.png) right no-repeat ; color:#ea1162 } .accordion-content { width: 100%; border-bottom: 1px solid #222526; list-style: outside none none; width: 100%; display: none; color: #000; padding:20px 0; } .accordion-content p{ margin-bottom:0} .accordion-title > span { } /*.accordion-title.active > span { float: right; position: relative; background: #fff; }*/ /* accourding end */ /* skin-treatments tab css end */ /* coantact page css start */ .contact-box{} .contact-box .contact-left{ float:left; width:60%;} .contact-box .contact-left .contact-left-inner{ width:760px; float:right;} .contact-box .contact-left-inner .contact-info { width:417px; border-right:#000 solid 1px; float:left} .contact-box .contact-left-inner h2{ margin:45px 0 42px; } .contact-box .contact-left-inner .clinic-info { width:343px; padding-left:43px; float:right} .contact-box .contact-left-inner h5{ font-size:21px; font-family:'proxima_novalight'; text-transform:uppercase; font-weight:100; margin-top:0; margin-bottom:26px;} .contact-box .contact-left-inner ul{ list-style:none; padding:0; margin-bottom:0} .contact-box .contact-left-inner ul li { margin-bottom:22px; } .contact-box .contact-left-inner ul li p{ margin-bottom:0} .contact-box .contact-left-inner ul.cont-list li label{ display:inline-block; width:60px; margin-right:20px; text-transform:capitalize; vertical-align:top} .contact-box .contact-left-inner ul.clinic-time li label{ display:inline-block; width:135px; margin-right:20px; text-transform:capitalize} .contact-box .contact-left-inner ul li label{ display:inline-block} .contact-box .contact-left-inner ul li p{ display:inline-block; line-height:26px; vertical-align:top} .contact-box .contact-left-inner ul li:last-child{ margin-bottom:0} .contact-box .contact-left-inner ul li:last-child a{ color:#ea1162;} .contact-box .contact-left-inner ul li:last-child a:hover{ color:#000} .contact-box .contact-banner {min-height:420px; background-repeat: no-repeat; background-size: cover; width:40%; float:right; position:relative} .contact-box .contact-banner:after{content: ""; background: url(images/banner/banner-shadow.png) repeat; height: 100%; width: 100%; position: absolute;} .contact-left-inner h1{ margin:40px 0; } .contact-form { background:#000;} .contact-form .contactus{ width:740px; margin:67px auto 0; text-align:center;} .con-form input, .con-form textarea{ width:100%; border:#414141 solid 1px; background:#2a2a2a; color:#8c8c8c; text-align:left; padding: 9px; margin-bottom: 10px;} .con-form textarea{ max-height:152px} .contact-form h1{ color:#fff; margin-bottom:16px} .contact-form p{ color:#fff;} .con-form { padding:0; list-style:none; margin-top:40px; text-align:left;} .con-form li{ position:relative; margin-bottom:5px;} .con-form li .wpcf7-not-valid-tip {line-height: normal; font-size: 14px;} .con-form li:last-child input{ background:#ea1162; color:#fff; text-align:center; text-transform:uppercase; border:#fff solid 1px; letter-spacing:2px} .con-form li:last-child input:hover, .con-form li:last-child input:focus{background:#c01454; text-decoration:none} .con-form input:-moz-placeholder, .con-form textarea:-moz-placeholder{color:#8c8c8c;opacity:1} .con-form input::-moz-placeholder, .con-form textarea::-moz-placeholder{color:#8c8c8c;opacity:1} .con-form input::-webkit-input-placeholder, .con-form textarea::-webkit-input-placeholder {color:#8c8c8c;opacity:1} .con-form input:-ms-input-placeholder, .con-form textarea:-ms-input-placeholder {color:#8c8c8c;opacity:1} .con-form input:focus, .con-form textarea:focus{ border:#fff solid 1px} div.wpcf7-validation-errors{ border:1px solid #f00; color:#f00; margin:0; text-align:center; clear:both} div.wpcf7-mail-sent-ok{ color:#398f14; text-align:center; clear:both; border-width:1px; display:none !important} span.wpcf7-not-valid-tip{} .map { width:100%; } /* contact page css end */ /* meet-the-team css start */ .team { list-style:none; padding:0} .team li{ width:33.33%; float:left; position:relative; overflow:hidden} .team li:hover .team-description{ opacity:1; top:0} .team li .team-description{ position:absolute; top:100%; background:rgba(0,0,0,0.7); text-align:center; padding:0 40px; width:100%; height:100%; /*display:table;*/opacity:1; transition: all 0.6s linear;-moz-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-o-transition: all 0.6s linear;} /*.team li .team-description .team-description-in { display:table-cell; vertical-align:middle; }*/ .team li .team-description h3{ font-family:'proxima_novalight'; color:#fff; font-weight:100 ; text-transform:uppercase; margin-bottom:10px; margin-top:32px } .team li .team-description p{ color:#fff; line-height:28px; margin-bottom:42px} .team li .team-description a{ color:#fff; font-family:'proxima_nova_rgbold'; font-size:13px; border:#fff solid 1px; padding:12px 34px; text-transform:uppercase; letter-spacing:2px} .team li .team-description a:hover{ text-decoration:none; border-color:#ea1162; color:#ea1162} .team .staff-img img{ width:100%;} .inner-page .full-width h2{ margin:45px 0 16px;} .inner-page .full-width p{ line-height:26px; margin-bottom:5px} .inner-page .full-width p:last-child{ margin-bottom:20px;} .page-id-9 .inner-page p:last-child{ margin-bottom:0} /* meet-the-team css end */ /* about css start */ .aboutus .about-left{ width:32%; margin-right:1%; float:left} .aboutus .about-left h1{ margin-top:0 ; line-height:29px; margin-bottom:20px} .aboutus .about-left p{ padding-right:20px;} .aboutus .about-right{ width:67%; float:right} .aboutus .about-right .topabout p{ margin:0} .aboutus .about-right .topabout { margin-bottom:30px} .aboutus .about-right .bottomabout { padding-left:45px; border-left:#000 solid 1px} .aboutus p{ margin-bottom:20px} .aboutus .about-right .bottomabout h4{ margin:0 0 17px; line-height:25px} .aboutus .about-right iframe { width:100%; min-height:426px; border:none} .aboutus { padding:70px 0 43px;} /* about css end */ /* galleryba css start */ .galleryba { margin-bottom:95px;} .gallery-full .midblock .banner-title{ padding-bottom:8px; margin-bottom:2px} /* galleryba css end */ /* popup css start */ .mfp-wrap label, .mfp-wrap input, .mfp-wrap textarea { color:#fff} .innercforminfo .con-form li:last-child input{ border-color:#00a97c; background:transparent; float:right; width:507px} .innercforminfo .con-form li:last-child input:hover, .innercforminfo .con-form li:last-child input:focus{border-color:#ea1162 } .innercforminfo .con-form span { float:right; width:507px} .innercforminfo h2{ color:#fff; margin-top: 30px; margin-bottom: 15px;} .innercforminfo p{ color:#fff; line-height:22px; margin-bottom:15px} .innercforminfo .con-form li{ margin-bottom:15px; min-height:52px} .innercforminfo .con-form li:last-child{ min-height:auto} .innercforminfo .mfp-wrap label{ line-height:47px} .innercforminfo .con-form{ margin-top:20px} .mfp-wrap .innercforminfo label{ line-height:44px;} .mfp-wrap .con-form input{ margin-bottom:6px} .load-img { clear:both; text-align:center} /* popup css end */ /* join out team css start */ .joianteam-section { background:#0b0b0b} .joianteam-section h2{ color:#fff; line-height:27px} .joianteam-section .topjoin-left{ background:#01b590; width:380px; float:left; padding:42px 35px ; } .joianteam-section h4{ color:#fff;} .joianteam-section .cont-list { list-style:none; padding:0; margin:50px 0;} .joianteam-section .cont-list li{ color:#fff; margin-bottom:20px} .joianteam-section .cont-list li a{ color:#fff;} .joianteam-section .cont-list li a:hover{ color:#ea1162} .topjoin-left .cont-list label{ width:57px; margin-right:10px; vertical-align:top; display:inline-block} .topjoin-left .cont-list p{ display:inline-block; width:230px; margin-bottom:0;} .joianteam-section .joianteam-right{ width:760px; padding-left:75px; padding-top:38px; float:right} .joianteam-section .joianteam-right .con-form li:last-child input{ background:transparent; border-color:#02b58e;} .joianteam-section .joianteam-right .con-form li:last-child input:hover, .joianteam-section .joianteam-right .con-form li:last-child input:focus{ border-color:#ea1162} .joianteam{ display: inline-block; width: 100%; padding-bottom: 26px; margin-top: 7px;} .head{ margin-top:30px; border-left:#fff solid 1px; padding-left:20px} .head h2{ margin-bottom:6px;} .head h4{ margin-top:0; text-transform:none; line-height:30px} .mainjoianteam .full-width p{ margin-bottom:24px;} div.wpcf7-validation-errors{ display:none !important;} /* join out team css end */ /* pink css start */ .pink .tabs-button li a{ color:#fff} .pink .tabs-button li:last-child a{ color:#ea1162} .pink .accordion-title span, .pink .treat-accourding li.tab-up-title a{ color:#ea1162} .pink .treat-accourding li.tab-up-title a:hover, .pink .treat-accourding li.tab-up-title a.active{ color:#000} /* pink css end */ /* green css start */ .green .tabs-button li a{ color:#fff} .green .tabs-button li:last-child a{ color:#00a97c} .green .accordion-title span, .green .treat-accourding li.tab-up-title a{ color:#00a97c} .green .treat-accourding li.tab-up-title a:hover, .green .treat-accourding li.tab-up-title a.active{ color:#000} .green .treat-accourding li a:hover, .green .treat-accourding li a.active{ color:#00a97c} /* green css end */ /* pink theme css start */ .full-inner .skintreatments-left { width:100%;} .skintreatments-left p img{ float:right; margin-left:10px; } /* pink theme css end */ /* blog css start */ .right-blogside{ float:right; width:57.5%; } .left-blogside{ float:left; width:42.5%;background:#e4e4e4; position:relative; min-height:750px;} .sidebar-inner .widget .widget-title{ background:url(images/side-bar-arrow.png) no-repeat 0 50%; margin-bottom:20px; font-size:20px; padding:20px 0 20px 43px; border-bottom:#000 solid 1px; width:85%} .right-sidebar-inner{ width:760px; float:left; padding-left:50px;} .sidebar-inner aside.widget:first-child{ margin-top:30px;} .sidebar-inner .widget{ margin-bottom:21px;} .sidebar-inner .widget ul{ margin-bottom:20px;} .sidebar-inner .widget li{ padding-left:43px; line-height:38px} .sidebar-inner .widget li a{ color:#000; } .sidebar-inner .widget li a:hover{ color:#ea1162; text-decoration:none } .sidebar .comment-reply-title, .logged-in-as{ display:none} .comment-form [for="comment"]{ text-transform:uppercase; font-size:21px;} .sidebar .comment-respond .comment-form{ max-width: 100%; position:relative} .comment-form textarea { border-color:#000; border-width:1px; height:56px; } .comment-form textarea:focus{ border-color:#ea1162} .comment-form .comment-form-comment{ display:inline-block; width:100%; padding-right:105px} .comment-form .form-submit { display:inline-block; width:100%; max-width:90px; vertical-align:bottom; position:absolute; bottom:0; right:0; } .comment-form .form-submit input[type="submit"]{ font-size:13px; text-transform:uppercase; width:100%; line-height:44px; font-family:'proxima_nova_rgbold';}\ .right-sidebar-inner .more-link {display: none;} .right-sidebar-inner .read-more { font-size:13px; font-family:'proxima_nova_rgbold'; text-transform:uppercase; color:#000; border:#000 solid 1px; padding:12px 10px; width:180px; text-align:center; letter-spacing:1px} .right-sidebar-inner .read-more:hover{ border-color:#ea1162} /* blog css end */ /* skin treatment css start */ .skintreatments { list-style:none; padding:0;} .skintreatments li{ width:328px; float:left; margin-right:78px; margin-bottom:56px} .skintreatments li:nth-of-type(3n){ margin-right:0;} .skintreatments li a{ border:#000 solid 1px; display:block; text-align:center ; padding:9px 15px;} .skintreatments li a:hover{ background:#fff56e; color:#000;} .skintreatments li a span{ font-size:13px; font-family:'proxima_nova_rgbold'; text-transform:uppercase; letter-spacing:2px } .cosmetic-page h4{ margin-bottom:6px} /* skin treatment css end */ /* pagination css start */ .wp-pagenavi .pages{ display:none;} .wp-pagenavi span,.wp-pagenavi a { padding:13px 15px; margin:0; font-size:13px; font-family:'proxima_nova_rgbold'; line-height:normal; border-color:#000} div.wp-pagenavi .current, .wp-pagenavi a:hover{ border-color:#ea1162; color:#000} .wp-pagenavi .previouspostslink{ font-size:0; background:url(images/pagi-arrow-left.png) no-repeat 50%; padding:21px 15px; vertical-align:top;} .wp-pagenavi .nextpostslink{ font-size:0; background:url(images/pagin-arrow-right.png) no-repeat 50%; padding:21px 15px; vertical-align:top;} .pagination{ margin-bottom:20px;} /* pagination css end */ .sidebar .post-navigation .nav-links{ font-size:16px} .right-sidebar-inner .entry-content .more-link{display:none;} .thank-you .entry-content h3{ color:green} .page-id-9 .full-width h1{ margin-top:43px} /* IE9 css start */ .ie9 div.bx-controls-direction a{ bottom:5px} /* IE9 css end */ #map_canvas{ height:330px; } /* only firefox css start */ @-moz-document url-prefix() { .team-full .teamleft-block{ width:58%;} .team-full .teamright-block{ width:42%} .booksection .callus-section{ width:42.5%} .booksection .promotions-block{ width:57.5%} .static-banner .banner-head h1{ width:452px} } /* only firefox css end */ /* Safari 5+ ONLY */ ::i-block-chrome, .booksection .book-btn { letter-spacing:0;} .preloader{ display:none;} .page-template-cosmeticinjections .skintreatments li a:hover{ background:#ea1162; color:#fff;} .inner-slider.treat-slider-main .left-before, .inner-slider.treat-slider-main .right-after{ min-height:220px;} .pricetitle h4{ font-family:'proxima_nova_rgbold'; font-size:21px; color:#000;} .price1.pricetitle h4{ color:#fff;} input{ border-radius:0;} .sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 99; } .promotions-inner .mc4wp-success p { font-size: 16px; padding-left: 50px; padding-top: 20px; font-weight: bold; }