/* Theme Name: Themify Elegant Theme URI: http://themify.me/themes/elegant Version: 1.2.5 Description: Created by Themify. Author: Themify Author URI: http://www.themify.me License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright: (c) Themify. Tags: featured-images, translation-ready, custom-menu Text Domain: themify --------- DO NOT EDIT THIS FILE. If you need to overwrite the CSS styling, create a new custom_style.css in the theme folder and it will automatically load in the . */ /*---------------------------------------------------------------------------------- TABLE OF CONTENT 1. Reset 2. General Styling (default font, color, lists, headings, form elements, etc.) 3. Structure (page width & layout containers) 4. Grid (column width) 5. Header (logo, tagline, social widget, search form, main menu) 6. Page (page title, author page, pagination) 7. Post (post layouts & styling, comments, post navigation) 7.1 Portfolio Post Type 7.2 Team Post Type 8. Sidebar 8.1 Widget Styles 9. Footer 10. Builder Styling 11. WordPress Formatting 12. Gallery 13. Clear & Alignment 14. Image Filter 15. WooCommerce ----*/ /************************************************************************************ 1. RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0; } img, fieldset { border: 0; } /* set img max-width */ img { max-width: 100%; height: auto; -moz-box-sizing: border-box; box-sizing: border-box; } /* ie 8 img max-width */ .ie8 img { width: auto;} /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } /* audio */ audio { max-width: 100%; } /* iframe */ iframe { max-width: 100%; } /************************************************************************************ 2. GENERAL STYLING *************************************************************************************/ body { font: 1.250em/1.6em 'Sorts Mill Goudy', serif; word-wrap: break-word; background-color: #fff; color: #000; -webkit-font-smoothing: antialiased; } a { color: #000; text-decoration: underline; outline: none; } a:hover { text-decoration: none; } p { padding: 0 0 2em; margin: 0; } small { font-size: 87%; } blockquote { font-size: 1.4em; line-height: 1.4em; padding: .8em 2em 1em; margin: 0 0 1.2em; position: relative; } blockquote:before { content: '\201C'; font-size: 3.3em; position: absolute; margin-left: -.5em; margin-top: .2em; } ins { text-decoration: none; } /* LIST ================================================ */ ul, ol { margin: 0 0 1.4em 1.6em; padding: 0; } li { margin: 0 0 1em 0; padding: 0; } /* HEADINGS ================================================ */ h1, h2, h3, h4, h5, h6 { margin: .5em 0 .3em; font-weight: normal; word-wrap: normal; } h1 { font-size: 4.2em; letter-spacing: -.035em; line-height: 1.14em; } h2 { font-size: 3.0em; letter-spacing:-.055em; line-height: 1.35em; } h3 { font-size: 1.65em; line-height: 1.3em; margin-bottom: 1em; letter-spacing: -0.03em; } h4 { font: bold 1.25em/1.3em 'Quicksand', sans-serif; letter-spacing: .02em; text-transform: uppercase; margin-bottom: 1em; } h5 { font-size: 1.3em; line-height: 1.4em; } h6 { font-size: 1.1em; letter-spacing: .03em; line-height: 1.5em; } /* FORM ================================================ */ /* form label */ label { font-family: 'Quicksand', sans-serif; vertical-align: middle; text-transform: uppercase; display: inline-block; } label small { font-weight: normal; } /* form input */ input, textarea, select, input[type=search], button { font-size: 100%; font-family: inherit; border-radius: 0; background-color: #fff; } textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { border: none; border-bottom: 1px solid #000; padding: .4em; margin: .6em 0; max-width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel] { width: 15em; } input[type=number] { width: 7em; } /* text area */ textarea { border: 1px solid #000; width: 100%; min-height: 8em; } /* select */ select { border: 1px solid #000; padding: .4em; margin: .6em 0; border-radius: 0; } /* form input:focus */ textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus { outline: none; } /* form button */ input[type=reset], input[type=submit], button { font-family: 'Quicksand', sans-serif; font-size: 1em; letter-spacing: .04em; background-color: #000; color: #fff; border: none; padding: .5em 1em; cursor: pointer; text-transform: uppercase; } /* form input:hover */ input[type=reset]:hover, input[type=submit]:hover, button:hover { background-color: #000; color: #fff; } /************************************************************************************ 3. STRUCTURE *************************************************************************************/ /* set general layout containers box-sizing */ #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, .pagenav, #sidebar, .widget, #footerwrap, #footer, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { -moz-box-sizing: border-box; box-sizing: border-box; } /* main page width */ .pagewidth, .full_width .themify_builder_row .row_inner { width: 1300px; max-width: 100%; margin: 0 auto; } .full_width .themify_builder_row.fullwidth .row_inner { width: 100%; } /* body (middle container) */ #body { max-width: 100%; clear: both; } /* content */ #content { width: 69%; float: left; padding: 7% 0 14.5%; } .sidebar-none #content { width: 100%; float: none; } /* sidebar */ #sidebar { width: 23.5%; float: right; font-size: 0.900em; line-height: 1.4em; padding: 7% 0; } #sidebar .secondary { width: 47%; } /* full_width content */ .full_width #layout { width: 100%; max-width: 100%; } .full_width #content { padding: 0; width: auto; float: none; } .full_width #sidebar { width: auto; float: none; } /* sidebar left */ .sidebar-left #content { float: right; } .sidebar-left #sidebar { float: left; } /************************************************************************************ 4. GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { margin-left: 3.2%; float: left; } .col4-1 { width: 22.6%; } .col4-2, .col2-1 { width: 48.4%; } .col4-3 { width: 74.2%; } .col3-1 { width: 31.2%; } .col3-2 { width: 65.6%; } .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left: 0; clear: left; } /************************************************************************************ 5. HEADER *************************************************************************************/ #headerwrap { background-color: #f8f8f8; } #header { text-align: center; position: relative; padding: 4.5em 0 .6em; } #headerwrap.fixed-header { position: fixed; top: 0; left: 0; z-index: 100; transition: height .3s; width: 100%; } .fixed-header #header { padding: 0; } .admin-bar #headerwrap, .admin-bar #headerwrap.fixed-header { top: 32px; } /* fixed header on */ .fixed-header-on #header { height: auto; } .fixed-header-on #site-logo img { max-height: 60px; width: auto; } #headerwrap.fixed-header #site-description, #headerwrap.fixed-header #searchform-wrap { display: none; } #headerwrap.fixed-header #site-logo span:after { display: none; } #headerwrap.fixed-header #site-logo { font-size: 1.6em; padding-top: .5em; margin-bottom: 0; float: left; } #headerwrap.fixed-header #header .social-widget { position: absolute; right: 0; margin: 0; top: 1em } #headerwrap.fixed-header #main-nav { float: left; padding-bottom: 0; margin-top: .2em; margin-left: 1.4em; } #headerwrap.fixed-header #main-nav { padding: 0; margin-top: 18px; } /* SITE LOGO ================================================ */ #site-logo { font-family: 'Abril Fatface', cursive; font-size: 4.200em; font-weight: normal; line-height: 1em; letter-spacing: .04em; margin: 0 0 0.710em; padding: 0; position: relative; text-transform: uppercase; } #site-logo a { text-decoration: none; } #site-logo a:hover { text-decoration: none; } #site-logo span:after { content: ''; width: 0.762em; border-bottom: 1px solid #000; position: absolute; top: 100%; left: 50%; margin-left: -.39em; margin-top: .46em; } /* SITE DESCRIPTION ================================================ */ #site-description { font-family: 'Quicksand', sans-serif; font-size: 0.85em; line-height: 110%; letter-spacing: 0.03em; margin: 0 0 1.2em; padding: .9em 0 0; text-transform: uppercase; } /* SOCIAL WIDGET ================================================ */ .social-widget { text-align: center; margin: 1.5em 0; } .social-widget a { text-decoration: none; color: inherit; font-size: 1.5em; } .social-widget a:hover { text-decoration: none; } .social-widget .widget { display: inline-block; margin: 0 0 0 -.95em; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; vertical-align: middle; } .social-widget .widget div { display: inline; } .social-widget .widgettitle { width: auto; font-size: 100%; font-family: inherit; text-transform: none; letter-spacing: 0; position: static; display: inline-block; vertical-align: middle; margin: 0 .5em 0 0; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; } .social-widget ul { margin: 0 !important; padding: 0; display: inline; } .social-widget ul li { padding: 0 2px 5px 0; margin: 0; display: inline-block; border: none !important; clear: none; line-height: 100%; min-width: 50px; } #header .social-widget .social-links li { min-width: 30px; } #header .social-widget .widget { margin: 0 0 0 -.95em; } /* rss */ .social-widget div.rss { display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: 5px; } .social-widget div.rss a { display: inline-block; } /* SEARCH FORM ================================================ */ #searchform-wrap { display: inline-block; margin: .6em 0 .45em; } #searchform { font-family: 'Sorts Mill Goudy', serif; display: inline-block; position: relative; border-bottom: 1px solid #000; } #headerwrap #searchform #s { background: transparent; font-style: italic; font-size: 1em; margin: 0; padding: .53em; border: none; color: inherit; width: 85px; -webkit-transition: width .7s; -moz-transition: width .7s; transition: width .7s; } #headerwrap #searchform #s:focus, #headerwrap #searchform .icon-search:focus + #s { width: 220px; } #searchform .icon-search:before { content: "\f002"; font-family: FontAwesome; font-size: 1.2em; font-style: normal; } /* placeholder text */ #searchform #s::-webkit-input-placeholder { color: inherit; } #searchform #s:-moz-placeholder { /* Firefox 18- */ color: inherit; } #searchform #s::-moz-placeholder {/* Firefox 19+ */ color: inherit; } #searchform #s:-ms-input-placeholder { color: inherit; } /* MAIN NAVIGATION ================================================ */ /* mobile menu panel */ #sidr { float: none; } #main-nav-wrap { float: right; } #main-nav { font-family: 'Sorts Mill Goudy', serif; font-style: italic; font-size: 1em; margin: 1.9em 0 0; padding: 0 0 1.5em; } #main-nav li { display: inline-block; list-style: none; padding: 0 0 1em; position: relative; margin: 0; } /* main level link */ #main-nav a { color: #000; display: block; line-height: 1.4em; padding: 0; margin: 0 1.5em 0 0; text-decoration: none; } /* sub-levels link */ #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a { color: #000; font-size: 1em; line-height: 1.3em; font-weight: normal; text-transform: none; padding: .7em 0; margin: 0 1.25em; display: block; width: 180px; background: none; border: none; text-shadow: none; border-radius: 0; box-shadow: none; border-bottom: 1px solid #000; -moz-box-sizing: border-box; box-sizing: border-box; } /* current link */ #main-nav .current_page_item a, #main-nav .current-menu-item a { border-bottom: 1px solid #000; } /* current link :hover */ #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover { text-decoration: none; } /* sub-levels link :hover */ #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover { text-decoration: none; } /* dropdown ul */ #main-nav ul:before { bottom: 100%; content: " "; height: 1.55em; width: 0; margin-bottom: -.5em; margin-left: -1px; position: absolute; pointer-events: none; border-left: 1px solid #000; left: 50%; } /* Arrow on left side for sub sub level menu */ #main-nav ul ul:before { left: -1.45em; top: 1.45em; border: solid transparent; content: " "; height: 0; width: 1.7em; position: absolute; pointer-events: none; } #main-nav ul ul:before { border-bottom: 1px solid #000; } #main-nav ul { margin: .55em 0 0 -130px; padding: .84em 0 .5em; list-style: none; position: absolute; background-color: #fff; border: 1px solid #000; z-index: 100; visibility: hidden; left: 50%; top: 3em; text-align: center; font-style: normal; -webkit-transition: all .2s; -moz-transition: all .2s; transi