From 4590fd5bc54afaa66828966682f2252d0d0fd16e Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Mon, 4 Jul 2016 11:28:28 +0300 Subject: [PATCH 01/16] @121 Too big inputs --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index af2dc9e..be330d8 100644 --- a/style.css +++ b/style.css @@ -644,14 +644,14 @@ input[type="datetime"], input[type="datetime-local"], input[type="color"] { font-size: 14px; - font-size: 0.875em; + font-size: 0.975em; line-height: 18px; font-weight: normal; color: #aaaaaa; letter-spacing: 1px; border: solid 1px #dfdfdf; background: #fff; - padding: 22px; + padding: 14px; position: relative; } From 2500ac63b8121176e0850e5f7230f2459d7dbef5 Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Mon, 4 Jul 2016 13:28:57 +0300 Subject: [PATCH 02/16] #123 Limit next / prev text --- single.php | 7 ++++++- style.css | 26 ++++++++++++++++++++++++-- 2 files changed, 30 insertions(+), 3 deletions(-) diff --git a/single.php b/single.php index 1ad4b16..60b17b4 100644 --- a/single.php +++ b/single.php @@ -19,7 +19,12 @@ get_template_part( 'template-parts/content', 'single' ); - the_post_navigation(); + //the_post_navigation(); + + the_post_navigation( array( + 'prev_text' => _x( '%title', 'zillah' ), + 'next_text' => _x( '%title', 'zillah' ), + ) ); // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) : diff --git a/style.css b/style.css index be330d8..3947ee5 100644 --- a/style.css +++ b/style.css @@ -923,7 +923,7 @@ a:active { .post-navigation .nav-links a { font-family: 'Cabin', Helvetica, sans-serif; - padding: 15px; + padding: 15px 15px 10px; float: left; line-height: 20px; width: 95%; @@ -943,18 +943,40 @@ a:active { float: left; } +.post-navigation .nav-links .nav-previous a span { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 90%; + display: inline-block; +} + .post-navigation .nav-links .nav-previous a:before { content: "< "; + display: inline-block; + vertical-align: top; + padding-right: 5px; } .post-navigation .nav-links .nav-next a:after { - content: " >"; + content: " >"; + display: inline-block; + vertical-align: top; + padding-left: 5px; } .post-navigation .nav-links .nav-next a { float: right; } +.post-navigation .nav-links .nav-next a span { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 90%; + display: inline-block; +} + .site-main .post-navigation { padding: 0 0 60px; margin-bottom: 0; From 4cc5887d4bb868a38fa9f7420812746e29a260fe Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Mon, 4 Jul 2016 13:31:37 +0300 Subject: [PATCH 03/16] #112 Prefix function --- functions.php | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/functions.php b/functions.php index 3b84b2e..12bdba4 100644 --- a/functions.php +++ b/functions.php @@ -220,7 +220,7 @@ function zillah_scripts() { 'collapse' => '' . esc_html__( 'collapse child menu', 'zillah' ) . '', ) ); - wp_enqueue_script( 'boostrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '20130115', true ); + wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '20130115', true ); wp_enqueue_script( 'zillah-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true ); @@ -735,7 +735,7 @@ function zillah_get_rgb( $color ) { } -function custom_excerpt_length( $length ) { +function zillah_custom_excerpt_length( $length ) { global $wp_customize; $zillah_sidebar_show = get_theme_mod( 'zillah_sidebar_show', false ); @@ -745,7 +745,7 @@ function custom_excerpt_length( $length ) { return 85; } } -add_filter( 'excerpt_length', 'custom_excerpt_length', 999 ); +add_filter( 'excerpt_length', 'zillah_custom_excerpt_length', 999 ); /* Post thumbnail */ function zillah_post_thumbnail() { From c759d9ce1f0475ec35ad4855d02af860474a29b5 Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Mon, 4 Jul 2016 14:07:07 +0300 Subject: [PATCH 04/16] #122 Dropdown on mobile is not working properly --- js/functions.js | 4 ++-- style.css | 29 ++++++++++++++++++++--------- 2 files changed, 22 insertions(+), 11 deletions(-) diff --git a/js/functions.js b/js/functions.js index 3acd5aa..5fd1844 100644 --- a/js/functions.js +++ b/js/functions.js @@ -104,7 +104,7 @@ function initMainNavigation( container ) { // Add dropdown toggle that display child menu items. - container.find( '.menu-item-has-children > a' ).after( '' ); + container.find( '.menu-item-has-children > a' ).after( '' ); // Toggle buttons and submenu items with active children menu items. container.find( '.current-menu-ancestor > button' ).addClass( 'toggled-on' ); @@ -119,7 +119,7 @@ _this.toggleClass( 'toggled-on' ); _this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' ); _this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' ); - _this.html( _this.html() === screenReaderText.expand ? screenReaderText.collapse : screenReaderText.expand ); + _this.find( '.dropdown-toggle-inner' ).html( _this.html() === screenReaderText.expand ? screenReaderText.collapse : screenReaderText.expand ); }); } diff --git a/style.css b/style.css index 3947ee5..6b721b3 100644 --- a/style.css +++ b/style.css @@ -803,14 +803,25 @@ a:active { display: block; } -.dropdown-toggle { +.dropdown-toggle, +.dropdown-toggle:active, +.dropdown-toggle:focus { position: absolute; z-index: 9; right: 0; + margin: 0 5px 0 0; + width: 44px; + height: 44px; + padding: 10px; + background: none; + box-shadow: none; +} + +.dropdown-toggle .dropdown-toggle-inner { + float: left; top: 13px; width: 25px; height: 25px; - margin: 0 5px 0 0; padding: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; @@ -820,7 +831,7 @@ a:active { text-align: center; } -.dropdown-toggle:after { +.dropdown-toggle .dropdown-toggle-inner:after { content: "\f107"; font-family: FontAwesome; font-style: normal; @@ -833,22 +844,22 @@ a:active { padding-left: 3px; } -.dropdown-toggle:hover, -.dropdown-toggle:focus { +.dropdown-toggle:hover .dropdown-toggle-inner, +.dropdown-toggle:focus .dropdown-toggle-inner { background-color: rgba(255,255,255,0.75); color: #628D7C; z-index: 1; } -.dropdown-toggle.toggled-on, -.dropdown-toggle.toggled-on:hover, -.dropdown-toggle.toggled-on:focus { +.dropdown-toggle.toggled-on .dropdown-toggle-inner, +.dropdown-toggle.toggled-on:hover .dropdown-toggle-inner, +.dropdown-toggle.toggled-on:focus .dropdown-toggle-inner { background-color: rgba(255,255,255,0.75); color: #628D7C; z-index: 1; } -.dropdown-toggle.toggled-on:after { +.dropdown-toggle.toggled-on .dropdown-toggle-inner:after { content: "\f106"; font-family: FontAwesome; } From e2447f844cbf01f2be96e12ac2a5b00c37a93d82 Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Mon, 4 Jul 2016 14:15:24 +0300 Subject: [PATCH 05/16] #122 Increased menu link padding-right --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 6b721b3..65d7282 100644 --- a/style.css +++ b/style.css @@ -738,7 +738,7 @@ a:active { font-family: 'Cabin', Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2.5px; - padding: 15px 30px; + padding: 15px 50px 15px 30px; color: #fff; font-size: 16px; font-size: 1em; From 9c0eba5443ca7116612200ec2f6ef0d8091a08f5 Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Mon, 4 Jul 2016 16:02:50 +0300 Subject: [PATCH 06/16] !!! #122 Dropdown on mobile is not working properly --- style.css | 2556 +++++++++++++++++++++++++++-------------------------- 1 file changed, 1294 insertions(+), 1262 deletions(-) diff --git a/style.css b/style.css index 65d7282..75688e8 100644 --- a/style.css +++ b/style.css @@ -48,13 +48,13 @@ Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ # Normalize --------------------------------------------------------------*/ html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } body { - margin: 0; + margin: 0; } article, @@ -69,64 +69,64 @@ menu, nav, section, summary { - display: block; + display: block; } audio, canvas, progress, video { - display: inline-block; - vertical-align: baseline; - max-width: 100%; + display: inline-block; + vertical-align: baseline; + max-width: 100%; } audio:not([controls]) { - display: none; - height: 0; + display: none; + height: 0; } [hidden], template { - display: none; + display: none; } a { - background-color: transparent; + background-color: transparent; } a:active, a:hover { - outline: 0; + outline: 0; } abbr[title] { - border-bottom: 1px dotted; + border-bottom: 1px dotted; } b, strong { - font-weight: bold; + font-weight: bold; } dfn { - font-style: italic; + font-style: italic; } h1, h2, h3 { - font-family: 'Cabin', Helvetica, sans-serif; - letter-spacing: 1.25px; + font-family: 'Cabin', Helvetica, sans-serif; + letter-spacing: 1.25px; text-transform: uppercase; font-weight: 400; - margin: 25px 0; - color: #575756; + margin: 25px 0; + color: #575756; } h1 { - font-size: 35px; + font-size: 35px; font-size: 2.1875em; - line-height: 45px; - color: #373735; + line-height: 45px; + color: #373735; } h2 { @@ -145,8 +145,8 @@ h4, h5, h6 { font-family: 'Merriweather', Georgia, serif; line-height: 27px; line-height: 1.6875; - margin: 25px 0; - color: #575756; + margin: 25px 0; + color: #575756; } h4 { @@ -160,7 +160,7 @@ h5 { } h6 { - text-transform: uppercase; + text-transform: uppercase; letter-spacing: 2px; font-size: 15px; font-size: 0.9375em; @@ -168,57 +168,57 @@ h6 { mark { - background: #ff0; - color: #000; + background: #ff0; + color: #000; } small { - font-size: 80%; + font-size: 80%; } sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } sup { - top: -0.5em; + top: -0.5em; } sub { - bottom: -0.25em; + bottom: -0.25em; } img { - border: 0; + border: 0; } svg:not(:root) { - overflow: hidden; + overflow: hidden; } figure { - margin: 0; + margin: 0; } hr { - box-sizing: content-box; - height: 0; + box-sizing: content-box; + height: 0; } pre { - overflow: auto; + overflow: auto; } code, kbd, pre, samp { - font-family: monospace, monospace; - font-size: 1em; + font-family: monospace, monospace; + font-size: 1em; } button, @@ -226,105 +226,105 @@ input, optgroup, select, textarea { - color: inherit; - font: inherit; - margin: 0; + color: inherit; + font: inherit; + margin: 0; } button { - overflow: visible; + overflow: visible; } button, select { - text-transform: none; + text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; + -webkit-appearance: button; + cursor: pointer; } button[disabled], html input[disabled] { - cursor: default; + cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; + border: 0; + padding: 0; } input { - line-height: normal; + line-height: normal; } input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; - padding: 0; + box-sizing: border-box; + padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { - height: auto; + height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } legend { - border: 0; - padding: 0; + border: 0; + padding: 0; } textarea { - overflow: auto; + overflow: auto; } optgroup { - font-weight: bold; + font-weight: bold; } table { - border-collapse: collapse; - border-spacing: 0; - border: 1px solid #d1d1d1; + border-collapse: collapse; + border-spacing: 0; + border: 1px solid #d1d1d1; } td, th { - padding: 0; - border: 1px solid #d1d1d1; - padding: 0.4375em; + padding: 0; + border: 1px solid #d1d1d1; + padding: 0.4375em; } *:focus { - outline: none; + outline: none; } .highlight { - background: #fff198; + background: #fff198; } .wp-caption figcaption.wp-caption-text { - margin: 0; - padding: 10px; - font-size: 13px; + margin: 0; + padding: 10px; + font-size: 13px; font-size: 0.8125em; - background: #F6F6F6; + background: #F6F6F6; } /*-------------------------------------------------------------- @@ -335,11 +335,11 @@ button, input, select, textarea { - color: #6f6e6b; - font-family: 'Merriweather', Georgia, serif; - font-size: 16px; - line-height: 1.75; - text-align: left; + color: #6f6e6b; + font-family: 'Merriweather', Georgia, serif; + font-size: 16px; + line-height: 1.75; + text-align: left; -ms-word-wrap: break-word; word-wrap: break-word; } @@ -350,18 +350,18 @@ h3, h4, h5, h6 { - clear: both; + clear: both; } p { - margin-bottom: 2em; + margin-bottom: 2em; } dfn, cite, em, i { - font-style: italic; + font-style: italic; } blockquote { @@ -377,7 +377,7 @@ blockquote { .entry-content blockquote.alignleft, .entry-content blockquote.alignright { - margin: 50px 0; + margin: 50px 0; } .entry-content a img, @@ -388,11 +388,11 @@ blockquote { } address { - margin: 0 0 1.5em; + margin: 0 0 1.5em; } pre { - background: #eee; + background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 16px; font-size: 1em; @@ -409,103 +409,103 @@ code, kbd, tt, var { - font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; - font-size: 16px; + font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; + font-size: 16px; font-size: 1em; } abbr, acronym { - border-bottom: 1px dotted #666; - cursor: help; + border-bottom: 1px dotted #666; + cursor: help; } mark, ins { - background: #fff9c0; - text-decoration: none; + background: #fff9c0; + text-decoration: none; } big { - font-size: 125%; + font-size: 125%; } dd, dt { - line-height: 1.8; + line-height: 1.8; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { - box-sizing: border-box; + box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ - box-sizing: inherit; + box-sizing: inherit; } body { - background: #f6f6f6; /* Fallback for when there is no custom background color defined. */ + background: #f6f6f6; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { - content: ""; + content: ""; } blockquote, q { - quotes: "" ""; + quotes: "" ""; } hr { - background-color: #ccc; - border: 0; - height: 1px; - margin-bottom: 1.5em; + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.5em; } ul, ol { - margin: 0 0 2.5em 0; + margin: 0 0 2.5em 0; } ul { - list-style: disc; + list-style: disc; } ol { - list-style: decimal; + list-style: decimal; } li > ul, li > ol { - margin-bottom: 0; - margin-left: 1.5em; + margin-bottom: 0; + margin-left: 1.5em; } dt { - font-weight: bold; + font-weight: bold; } dd { - margin: 0 1.5em 1.5em; + margin: 0 1.5em 1.5em; } img { - height: auto; /* Make sure images are scaled correctly. */ - max-width: 100%; /* Adhere to container width. */ + height: auto; /* Make sure images are scaled correctly. */ + max-width: 100%; /* Adhere to container width. */ } table { - margin: 0 0 1.5em; - width: 100%; + margin: 0 0 1.5em; + width: 100%; } /*-------------------------------------------------------------- @@ -516,7 +516,7 @@ input[type="button"], input[type="reset"], input[type="submit"], .btn { - border-bottom: 0px; + border-bottom: 0px; border-radius: 0px; padding: 16px 50px; text-transform: uppercase; @@ -532,8 +532,8 @@ input[type="submit"], } .btn { - padding: 20px 50px; - border: 1px solid #7fcaad; + padding: 20px 50px; + border: 1px solid #7fcaad; } button:hover, @@ -541,7 +541,7 @@ input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .btn:hover { - opacity: 0.8; + opacity: 0.8; box-shadow: none; } @@ -553,7 +553,7 @@ button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { - background: #628d7c; + background: #628d7c; border-color: #628d7c; box-shadow: none; } @@ -574,38 +574,38 @@ input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { - font-size: 14px; + font-size: 14px; font-size: 0.875em; - line-height: 18px; - font-weight: normal; - color: #aaaaaa; - letter-spacing: 1px; - border: solid 1px #dfdfdf; - background: #fff; + line-height: 18px; + font-weight: normal; + color: #aaaaaa; + letter-spacing: 1px; + border: solid 1px #dfdfdf; + background: #fff; padding: 15px; position: relative; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - box-shadow: none; - height: auto; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + box-shadow: none; + height: auto; } select { font-size: 14px; font-size: 0.875em; line-height: 18px; - font-weight: normal; - color: #aaaaaa; - letter-spacing: 1px; - border: solid 1px #dfdfdf; - background: #fff; + font-weight: normal; + color: #aaaaaa; + letter-spacing: 1px; + border: solid 1px #dfdfdf; + background: #fff; padding: 15px; position: relative; } select:focus { - border: 1px solid #2d2d2b; + border: 1px solid #2d2d2b; } input[type="text"]:focus, @@ -624,8 +624,8 @@ input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { - border: 1px solid #2d2d2b; - box-shadow: none; + border: 1px solid #2d2d2b; + box-shadow: none; } input[type="text"], @@ -646,26 +646,26 @@ input[type="color"] { font-size: 14px; font-size: 0.975em; line-height: 18px; - font-weight: normal; - color: #aaaaaa; - letter-spacing: 1px; - border: solid 1px #dfdfdf; - background: #fff; + font-weight: normal; + color: #aaaaaa; + letter-spacing: 1px; + border: solid 1px #dfdfdf; + background: #fff; padding: 14px; position: relative; } textarea { - padding: 22px; - width: 100%; + padding: 22px; + width: 100%; } textarea.form-control { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - box-shadow: none; - min-height: 220px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + box-shadow: none; + min-height: 220px; border: solid 1px #dfdfdf; } @@ -676,27 +676,27 @@ textarea.form-control { ## Links --------------------------------------------------------------*/ a { - color: #7fcaad; + color: #7fcaad; } a:visited { - color: #7fcaad; + color: #7fcaad; } a:hover, a:focus, a:active { - color: #628d7c; - text-decoration: none; + color: #628d7c; + text-decoration: none; } a:focus { - outline: thin dotted; + outline: thin dotted; } a:hover, a:active { - outline: 0; + outline: 0; } /*-------------------------------------------------------------- @@ -713,40 +713,40 @@ a:active { } .main-navigation ul { - display: none; - list-style: none; - margin: 0; - padding-left: 0; - text-align: right; + display: none; + list-style: none; + margin: 0; + padding-left: 0; + text-align: right; width: 100%; text-align: left; - max-height: 432px; + max-height: 432px; overflow-x: hidden; overflow-y: auto; } .main-navigation li { - float: none; - position: relative; - display: inline-block; - width: 100%; + float: none; + position: relative; + display: inline-block; + width: 100%; } .main-navigation a { - display: block; - text-decoration: none; - font-family: 'Cabin', Helvetica, sans-serif; - text-transform: uppercase; - letter-spacing: 2.5px; - padding: 15px 50px 15px 30px; - color: #fff; - font-size: 16px; + display: block; + text-decoration: none; + font-family: 'Cabin', Helvetica, sans-serif; + text-transform: uppercase; + letter-spacing: 2.5px; + padding: 15px 55px 15px 30px; + color: #fff; + font-size: 16px; font-size: 1em; - line-height: 20px; + line-height: 20px; } .main-navigation ul ul { - border-bottom: none; + border-bottom: none; float: left; text-align: left; background: #628D7C; @@ -754,23 +754,23 @@ a:active { } .main-navigation ul ul a { - padding: 12px 35px 12px 20px; - width: 100%; + padding: 15px 35px 15px 20px; + width: 100%; } .main-navigation li:hover > a, .main-navigation li.focus > a { - color: #373735; + color: #373735; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { - left: auto; + left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { - left: 100%; + left: 100%; } .main-navigation div > ul::-webkit-scrollbar { @@ -778,70 +778,70 @@ a:active { } .main-navigation div > ul::-webkit-scrollbar-track { - background-color: #dfdfdf; + background-color: #dfdfdf; } .main-navigation div > ul::-webkit-scrollbar-thumb { - background-color: #6f6e6b; + background-color: #6f6e6b; } .no-social-menu .main-navigation ul { - text-align: left; + text-align: left; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { - display: block; + display: block; } .main-navigation .menu-item-has-children > ul { - display: none; + display: none; } .main-navigation .menu-item-has-children > ul.toggled-on { - display: block; + display: block; } .dropdown-toggle, -.dropdown-toggle:active, -.dropdown-toggle:focus { +.dropdown-toggle:focus, +.dropdown-toggle:active { position: absolute; z-index: 9; right: 0; - margin: 0 5px 0 0; - width: 44px; - height: 44px; - padding: 10px; + top: 0; + padding: 12px; + width: 50px; + height: 50px; background: none; - box-shadow: none; + margin-right: 5px; } .dropdown-toggle .dropdown-toggle-inner { - float: left; - top: 13px; - width: 25px; - height: 25px; - padding: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #FFFFFF; color: #7FCAAD; text-align: center; + width: 25px; + height: 25px; + padding: 0; + margin: 0; + float: left; } .dropdown-toggle .dropdown-toggle-inner:after { - content: "\f107"; - font-family: FontAwesome; - font-style: normal; - font-weight: 400; - font-variant: normal; - text-transform: none; - speak: none; - line-height: 25px; - -webkit-font-smoothing: antialiased; - padding-left: 3px; + content: "\f107"; + font-family: FontAwesome; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + speak: none; + line-height: 25px; + -webkit-font-smoothing: antialiased; + padding-left: 3px; } .dropdown-toggle:hover .dropdown-toggle-inner, @@ -860,21 +860,21 @@ a:active { } .dropdown-toggle.toggled-on .dropdown-toggle-inner:after { - content: "\f106"; - font-family: FontAwesome; + content: "\f106"; + font-family: FontAwesome; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { - margin: 0 0 1.5em; - overflow: hidden; - float: left; - width: 100%; + margin: 0 0 1.5em; + overflow: hidden; + float: left; + width: 100%; } .posts-navigation .nav-links { - text-align: center; + text-align: center; } .comment-navigation .nav-previous, @@ -883,12 +883,12 @@ a:active { .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { - display: inline-block; + display: inline-block; } .posts-navigation .nav-previous a, .posts-navigation .nav-next a { - display: block; + display: block; padding: 16px 30px; text-transform: uppercase; font-family: 'Cabin', Helvetica, sans-serif; @@ -896,62 +896,62 @@ a:active { color: #aaa; font-size: 14px; font-size: 0.875em; - background: #7fcaad; - color: #fFf; + background: #7fcaad; + color: #fFf; } .posts-navigation .nav-previous a { - float: right; - margin-left: 10px; + float: right; + margin-left: 10px; } .posts-navigation .nav-next a { - float: left; - margin-left: 10px; + float: left; + margin-left: 10px; } .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover { - color: #fff; - background: #628d7c; + color: #fff; + background: #628d7c; } .post-navigation .nav-previous, .post-navigation .nav-next { - width: 50%; - float: left; + width: 50%; + float: left; } .post-navigation .nav-previous, .post-navigation .nav-previous a { - float: left; + float: left; } .post-navigation .nav-next, .post-navigation .nav-next a{ - float: right; + float: right; } .post-navigation .nav-links a { - font-family: 'Cabin', Helvetica, sans-serif; - padding: 15px 15px 10px; - float: left; + font-family: 'Cabin', Helvetica, sans-serif; + padding: 15px 15px 10px; + float: left; line-height: 20px; - width: 95%; - background-color: #7fcaad; - color: #fff; - text-align: center; - text-transform: uppercase; - letter-spacing: 2px; + width: 95%; + background-color: #7fcaad; + color: #fff; + text-align: center; + text-transform: uppercase; + letter-spacing: 2px; } .post-navigation .nav-links a:hover { - color: #fff; - background: #628d7c; + color: #fff; + background: #628d7c; } .post-navigation .nav-links .nav-previous a { - float: left; + float: left; } .post-navigation .nav-links .nav-previous a span { @@ -963,7 +963,7 @@ a:active { } .post-navigation .nav-links .nav-previous a:before { - content: "< "; + content: "< "; display: inline-block; vertical-align: top; padding-right: 5px; @@ -977,7 +977,7 @@ a:active { } .post-navigation .nav-links .nav-next a { - float: right; + float: right; } .post-navigation .nav-links .nav-next a span { @@ -989,49 +989,49 @@ a:active { } .site-main .post-navigation { - padding: 0 0 60px; - margin-bottom: 0; + padding: 0 0 60px; + margin-bottom: 0; } .post-navigation { - display: none; + display: none; } .zillah-only-customizer { - display: none !important; + display: none !important; } .author-details-wrap { - margin-top: -59px; - background: #FFF; - padding: 80px 0; - margin-bottom: 60px; - float: left; - width: 100%;; + margin-top: -59px; + background: #FFF; + padding: 80px 0; + margin-bottom: 60px; + float: left; + width: 100%;; } .author-details-title { - font-family: 'Cabin', Helvetica, sans-serif; - font-size: 14px; + font-family: 'Cabin', Helvetica, sans-serif; + font-size: 14px; font-size: 0.875em; - font-weight: 600; - color: #628d7c; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 2px; + font-weight: 600; + color: #628d7c; + text-transform: uppercase; + margin-bottom: 20px; + letter-spacing: 2px; } .author-details-content { - font-size: 14px; + font-size: 14px; font-size: 0.875em; - color: #aaaaaa; + color: #aaaaaa; } .author-details-img-wrap { - float: left; - border-radius: 50%; - overflow: hidden; - margin-right: 35px; + float: left; + border-radius: 50%; + overflow: hidden; + margin-right: 35px; } /*-------------------------------------------------------------- @@ -1039,8 +1039,8 @@ a:active { --------------------------------------------------------------*/ /* quote */ .post_format-post-format-quote .content-inner-wrap p { - margin-bottom: 0; - } + margin-bottom: 0; +} .post_format-post-format-quote blockquote { margin: 0; @@ -1055,58 +1055,58 @@ a:active { --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { - clip: rect(1px, 1px, 1px, 1px); - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; } .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-size: 0.875rem; - font-weight: bold; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; /* Above WP toolbar. */ + 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-size: 0.875rem; + font-weight: bold; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { - outline: 0; + outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { - display: inline; - float: left; - margin-right: 1.5em; + display: inline; + float: left; + margin-right: 1.5em; } .alignright { - display: inline; - float: right; - margin-left: 1.5em; + display: inline; + float: right; + margin-left: 1.5em; } .aligncenter { - clear: both; - display: block; - margin-left: auto; - margin-right: auto; + clear: both; + display: block; + margin-left: auto; + margin-right: auto; } /*-------------------------------------------------------------- @@ -1124,9 +1124,9 @@ a:active { .site-content:after, .site-footer:before, .site-footer:after { - content: ""; - display: table; - table-layout: fixed; + content: ""; + display: table; + table-layout: fixed; } .clear:after, @@ -1135,21 +1135,21 @@ a:active { .site-header:after, .site-content:after, .site-footer:after { - clear: both; + clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget-area { - display: none; + display: none; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .content-wrap { - display: -webkit-box; + display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; @@ -1159,92 +1159,92 @@ a:active { } .page-header { - text-align: center; - color: #575756; - border: none; - margin: 90px 0 0; - padding-bottom: 0; + text-align: center; + color: #575756; + border: none; + margin: 90px 0 0; + padding-bottom: 0; } .page-header h1.page-title { - color: #575756; - margin: 0; + color: #575756; + margin: 0; } .taxonomy-description { - font-size: 16px; + font-size: 16px; font-size: 1em; - font-style: normal; - font-weight: normal; - letter-spacing: 0; - text-align: center; + font-style: normal; + font-weight: normal; + letter-spacing: 0; + text-align: center; } .taxonomy-description p { - margin: 0; + margin: 0; } .homepage-two-wrap { - background: #F6F6F6; + background: #F6F6F6; } .site-main { - padding-right: 0; - float: left; - width: 100%; + padding-right: 0; + float: left; + width: 100%; } .content-area { - width: 100%; + width: 100%; } .content-inner-wrap, .content-area-with-sidebar .content-inner-wrap { - padding: 0 20px; + padding: 0 20px; } .not-found .page-header, .not-found .page-title { - margin-top: 0; - text-align: center; + margin-top: 0; + text-align: center; } .not-found .page-content { - text-align: center; + text-align: center; } .not-found input[type="submit"], .btn { - padding: 22px 50px; + padding: 22px 50px; } .not-found { - border: 0px; - padding: 45px 0 45px 0; - background: #fff; - float: left; - width: 100%; - margin-bottom: 40px; + border: 0px; + padding: 45px 0 45px 0; + background: #fff; + float: left; + width: 100%; + margin-bottom: 40px; } .not-found .page-title, .search-nothing-found { - font-size: 24px; + font-size: 24px; font-size: 1.5em; - line-height: 30px; + line-height: 30px; font-size: 1.875; - color: #575756; - font-weight: 400; + color: #575756; + font-weight: 400; } p.dropcap:first-letter { - float: left; - color: #628d7c; - font-size: 50px; + float: left; + color: #628d7c; + font-size: 50px; font-size: 3.125em; - line-height: 50px; - padding-top: 4px; - padding-right: 8px; - padding-left: 3px; + line-height: 50px; + padding-top: 4px; + padding-right: 8px; + padding-left: 3px; } .content-area-arch .entry-content { @@ -1262,26 +1262,26 @@ p.dropcap:first-letter { ## Posts and pages --------------------------------------------------------------*/ .sticky { - display: block; + display: block; } .hentry { - margin: 0 0 1.5em; + margin: 0 0 1.5em; } .byline, .updated:not(.published) { - display: none; + display: none; } .single .byline, .group-blog .byline { - display: inline; + display: inline; } .page-links { - clear: both; - margin: 0 0 1.5em; + clear: both; + margin: 0 0 1.5em; } .page-main-header { @@ -1290,7 +1290,7 @@ p.dropcap:first-letter { } .page-main-header .entry-title { - text-align: center; + text-align: center; font-family: 'Cabin', Helvetica, sans-serif; font-size: 40px; font-size: 2.5em; @@ -1311,19 +1311,19 @@ p.dropcap:first-letter { } .comment-respond p { - margin-bottom: 15px; + margin-bottom: 15px; } .comment-respond input:not([type="submit"]) { - width: 100%; + width: 100%; } .comment-reply-title { - font-family: 'Merriweather', Georgia, serif; - font-size: 20px; + font-family: 'Merriweather', Georgia, serif; + font-size: 20px; font-size: 1.25em; - text-transform: none; - letter-spacing: 1px; + text-transform: none; + letter-spacing: 1px; } .comment-form .required { @@ -1331,7 +1331,7 @@ p.dropcap:first-letter { } .comment-list li.comment .comment-respond { - background-color: #fff; + background-color: #fff; margin-bottom: 20px; padding: 20px; margin-right: 30px; @@ -1365,15 +1365,15 @@ p.dropcap:first-letter { } .form-submit { - text-align: center; - margin-top: 50px; + text-align: center; + margin-top: 50px; } /*-------------------------------------------------------------- ## Blog --------------------------------------------------------------*/ -.post-thumbnail { - display: block; +.post-thumbnail { + display: block; } .post-thumbnail-wrap { @@ -1383,11 +1383,11 @@ p.dropcap:first-letter { } .post-thumbnail-wrap iframe { - width: 100%; + width: 100%; } #carousel-post-gallery img { - width: 100%; + width: 100%; } .post-thumbnail-wrap img { @@ -1418,34 +1418,34 @@ p.dropcap:first-letter { } .entry-title-blog a:hover { - color: #628d7c; + color: #628d7c; } .blog-post, .site-main > article { - border: 0px; - padding: 45px 0 45px 0; - margin-bottom: 60px; - background: #fff; - float: left; - width: 100%; + border: 0px; + padding: 45px 0 45px 0; + margin-bottom: 60px; + background: #fff; + float: left; + width: 100%; } .site-main > article.blog-post, .site-main > article.search-post { - margin-bottom: 60px; + margin-bottom: 60px; } .categories-links a { - color: #aaaaaa; - font-family: 'Cabin', Helvetica, sans-serif; - font-size: 14px; - text-transform: uppercase; - letter-spacing: 1.5px; + color: #aaaaaa; + font-family: 'Cabin', Helvetica, sans-serif; + font-size: 14px; + text-transform: uppercase; + letter-spacing: 1.5px; } .categories-links a:hover { - color: #628d7c; + color: #628d7c; } .entry-header { @@ -1453,49 +1453,49 @@ p.dropcap:first-letter { } .entry-header .content-inner-wrap { - text-align: center; + text-align: center; } .entry-header .posted-on { - color: #aaaaaa; - font-size: 15px; + color: #aaaaaa; + font-size: 15px; font-size: 0.9375em; - padding-bottom: 10px; - display: block; + padding-bottom: 10px; + display: block; } .entry-header .posted-on a { - color: #aaaaaa; + color: #aaaaaa; } .entry-header .posted-on a:hover { - color: #575756; + color: #575756; } .entry-header .cat-links { - font-family: 'Cabin', Helvetica, sans-serif; - font-size: 15px; + font-family: 'Cabin', Helvetica, sans-serif; + font-size: 15px; font-size: 0.9375em; - font-weight: 400; - color: #7fcaad; - text-transform: uppercase; - letter-spacing: 2px; - padding-top: 10px; - display: block; + font-weight: 400; + color: #7fcaad; + text-transform: uppercase; + letter-spacing: 2px; + padding-top: 10px; + display: block; } .more-link { - margin-top: 45px; - float: left; - text-transform: uppercase; - letter-spacing: 2px; - font-size: 15px; + margin-top: 45px; + float: left; + text-transform: uppercase; + letter-spacing: 2px; + font-size: 15px; font-size: 1em; - font-family: 'Cabin', Helvetica, sans-serif; + font-family: 'Cabin', Helvetica, sans-serif; } .content-inner-wrap > .more-link { - margin-top: 20px; + margin-top: 20px; } .post-edit-link { @@ -1507,100 +1507,100 @@ p.dropcap:first-letter { --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { - display: none; + display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comments-area-wrap { - background: #FFF; - float: left; - width: 100%; - margin-bottom: 60px; + background: #FFF; + float: left; + width: 100%; + margin-bottom: 60px; } .comments-area-wrap .comments-area { - padding: 45px 30px 45px 30px; + padding: 45px 30px 45px 30px; } h2.comments-title { - color: #373735; - font-family: 'Merriweather', Georgia, serif; - font-size: 20px; + color: #373735; + font-family: 'Merriweather', Georgia, serif; + font-size: 20px; font-size: 1.25em; - text-transform: none; + text-transform: none; } .comment-content { - font-size: 14px; + font-size: 14px; font-size: 0.875em; - color: #575756; + color: #575756; } .comment-content p { - margin-bottom: 1em; + margin-bottom: 1em; } .bypostauthor { - display: block; + display: block; } .comments-title { - font-size: 18px; + font-size: 18px; font-size: 1.125em; } .comment-list { - padding-left: 0; + padding-left: 0; } .comment-list li.comment { - list-style: none; + list-style: none; } .comment-author { - float: left; + float: left; } .comment-author img { - position: absolute; - margin-left: -155px; + position: absolute; + margin-left: -155px; } .comment-author .avatar { - border-radius: 50%; + border-radius: 50%; } .comment-author .says { - display: none; + display: none; } .comment-author .fn, .comment-author .fn a, .comment-metadata, .comment-metadata a { - font-family: 'Cabin', Helvetica, sans-serif; - font-size: 14px; + font-family: 'Cabin', Helvetica, sans-serif; + font-size: 14px; font-size: 0.875em; - line-height: 16px; - font-weight: 400; - color: #aaaaaa; - letter-spacing: 1px; - display: inline-block; - text-transform: uppercase; - vertical-align: top; + line-height: 16px; + font-weight: 400; + color: #aaaaaa; + letter-spacing: 1px; + display: inline-block; + text-transform: uppercase; + vertical-align: top; } .comment-metadata { - display: inline; + display: inline; } .comment-author .fn { - vertical-align: top; - margin-right: 10px; - padding-right: 10px; - border-right: 1px solid #aaaaaa; + vertical-align: top; + margin-right: 10px; + padding-right: 10px; + border-right: 1px solid #aaaaaa; } .comment-body { @@ -1630,35 +1630,35 @@ h2.comments-title { .comment-metadata a:hover, .comment-author .fn a:hover { - color: #628d7c; + color: #628d7c; } .comment-metadata .edit-link { - float: right; + float: right; } .reply a { - font-family: 'Cabin', Helvetica, sans-serif; - font-weight: 600; - color: #628d7c; - font-size: 14px; + font-family: 'Cabin', Helvetica, sans-serif; + font-weight: 600; + color: #628d7c; + font-size: 14px; font-size: 0.875em; - text-transform: uppercase; - letter-spacing: 1.75px; + text-transform: uppercase; + letter-spacing: 1.75px; } .reply a:hover{ - color:#373735; + color:#373735; } .comment-reply-link { - font-size: 14px; + font-size: 14px; font-size: 0.875em; } .comment-list .children { - margin-left: 0; - padding: 0 0 0 20px; + margin-left: 0; + padding: 0 0 0 20px; } /*-------------------------------------------------------------- @@ -1667,12 +1667,12 @@ h2.comments-title { /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ - display: none; + display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { - display: block; + display: block; } /*-------------------------------------------------------------- @@ -1681,17 +1681,17 @@ h2.comments-title { .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { - border: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; + border: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { - max-width: 100%; + max-width: 100%; } .mejs-container { @@ -1702,22 +1702,22 @@ object { ## Captions --------------------------------------------------------------*/ .wp-caption { - margin-bottom: 1.5em; - max-width: 100%; + margin-bottom: 1.5em; + max-width: 100%; } .wp-caption img[class*="wp-image-"] { - display: block; - margin-left: auto; - margin-right: auto; + display: block; + margin-left: auto; + margin-right: auto; } .wp-caption .wp-caption-text { - margin: 0.8075em 0; + margin: 0.8075em 0; } .wp-caption-text { - text-align: center; + text-align: center; } /*-------------------------------------------------------------- @@ -1797,11 +1797,11 @@ object { --------------------------------------------------------------*/ .site-header, .header-inner-top{ - position: relative; + position: relative; } .site-title { - font-family: 'Lato', Helvetica, sans-serif; + font-family: 'Lato', Helvetica, sans-serif; font-size: 56px; font-size: 3.5em; line-height: 1; @@ -1812,26 +1812,26 @@ object { margin: 25px 0; display: inline-block; margin: 0; - max-width: 100%; + max-width: 100%; } .site-title a { - color: #6ca790; - opacity: 1; + color: #6ca790; + opacity: 1; } .site-title a:hover { - color: #6ca790; - opacity: 0.8; + color: #6ca790; + opacity: 0.8; } .header-inner-site-branding { - width: 100%; - padding: 94px 0; - text-align: center; - background: #FFF; - background-size: cover; - background-position: center; + width: 100%; + padding: 94px 0; + text-align: center; + background: #FFF; + background-size: cover; + background-position: center; } .main-navigation-wrap { @@ -1840,17 +1840,17 @@ object { } .header-inner-top { - background: #373735; + background: #373735; } .header-inner { - display: table; - width: 100%; - padding: 12px 0; + display: table; + width: 100%; + padding: 12px 0; } .header-title-wrap { - margin-top: 20px; + margin-top: 20px; } .menu-toggle-button-wrap { @@ -1860,105 +1860,105 @@ object { } .site-description { - margin-bottom: 0; - margin-top: 15px; - color: #aaaaaa; + margin-bottom: 0; + margin-top: 15px; + color: #aaaaaa; font-size: 15px; font-size: 0.9375em; } .header-social-icons { - display: none; + display: none; } .header-search { - display: table-cell; - vertical-align: middle; - text-align: right; - width: 160px; + display: table-cell; + vertical-align: middle; + text-align: right; + width: 160px; } .header-search .search-form { - position: relative; + position: relative; } .header-search input[type="search"] { - background: none; - border: none; - padding: 5px; - width: 100%; - font-family: 'Cabin', Helvetica, sans-serif; - font-size: 13px; - font-size: 0.8125em; -} - + background: none; + border: none; + padding: 5px; + width: 100%; + font-family: 'Cabin', Helvetica, sans-serif; + font-size: 13px; + font-size: 0.8125em; +} + .header-search label { - width: 100%; - padding-left: 20px; + width: 100%; + padding-left: 20px; } .header-search label:before { - content: "\f002"; - font-family: 'FontAwesome'; - font-size: 14px; + content: "\f002"; + font-family: 'FontAwesome'; + font-size: 14px; font-size: 0.875em; - display: block; - width: 20px; - height: 20px; - position: absolute; - left: 0; - line-height: 29px; - text-align: left; + display: block; + width: 20px; + height: 20px; + position: absolute; + left: 0; + line-height: 29px; + text-align: left; } .header-search input[type="submit"] { - position: absolute; - left: 0; - top: 0; - text-indent: -99999px; - padding: 10px; - background: none; - height: 29px; + position: absolute; + left: 0; + top: 0; + text-indent: -99999px; + padding: 10px; + background: none; + height: 29px; } .header-search ::-webkit-input-placeholder { - color: #636363 !important; - text-transform: uppercase; + color: #636363 !important; + text-transform: uppercase; } .header-search :-moz-placeholder { - color: #636363 !important; - opacity: 1; - text-transform: uppercase; + color: #636363 !important; + opacity: 1; + text-transform: uppercase; } .header-search ::-moz-placeholder { - color: #636363 !important; - opacity: 1; - text-transform: uppercase; + color: #636363 !important; + opacity: 1; + text-transform: uppercase; } .header-search :-ms-input-placeholder { - color: #636363 !important; - text-transform: uppercase; + color: #636363 !important; + text-transform: uppercase; } .menu-toggle { - font-size: 20px; + font-size: 20px; font-size: 1.25em; padding: 10px 15px; background: none; color: #6f6e6b; - float: none; - text-align: center; - display: inline-block; + float: none; + text-align: center; + display: inline-block; } .menu-toggle:hover, .menu-toggle:focus { - color: #7FCAAD; - background: none; - border-color: #dfdfdf; + color: #7FCAAD; + background: none; + border-color: #dfdfdf; } .main-navigation-wrap-inner { @@ -1967,27 +1967,27 @@ object { } .social-navigation a { - display: block; - color: #636363; - -webkit-transition: all 0.3s; - transition: all 0.3s; - text-align: center; - margin-right: 8px; + display: block; + color: #636363; + -webkit-transition: all 0.3s; + transition: all 0.3s; + text-align: center; + margin-right: 8px; } .social-navigation a:hover { - color: #7fcaad; + color: #7fcaad; } .social-navigation a::before { - content: "\f1e0"; - font-family: 'FontAwesome'; - font-size: 16px; + content: "\f1e0"; + font-family: 'FontAwesome'; + font-size: 16px; font-size: 1em; - display: block; - width: 20px; - height: 20px; - line-height: 20px; + display: block; + width: 20px; + height: 20px; + line-height: 20px; } .header-logo-wrap img { @@ -1996,51 +1996,51 @@ object { } .social-navigation a[href*="twitter.com"]::before { - content: '\f099'; + content: '\f099'; } .social-navigation a[href*="facebook.com"]::before { - content: '\f09a'; + content: '\f09a'; } .social-navigation a[href*="plus.google.com"]::before { - content: '\f0d5'; + content: '\f0d5'; } .social-navigation a[href*="dribbble.com"]::before { - content: '\f17d'; + content: '\f17d'; } .social-navigation a[href*="pinterest.com"]::before { - content: '\f0d2'; + content: '\f0d2'; } .social-navigation a[href*="youtube.com"]::before { - content: '\f167'; + content: '\f167'; } .social-navigation a[href*="flickr.com"]::before { - content: '\f16e'; + content: '\f16e'; } .social-navigation a[href*="vimeo.com"]::before { - content: '\f194'; + content: '\f194'; } .social-navigation a[href*="instagram.com"]::before { - content: '\f16d'; + content: '\f16d'; } .social-navigation a[href*="linkedin.com"]::before { - content: '\f0e1'; + content: '\f0e1'; } .social-navigation a[href*="foursquare.com"]::before { - content: '\f180'; + content: '\f180'; } .social-navigation a[href*="tumblr.com"]::before { - content: '\f173'; + content: '\f173'; } /*-------------------------------------------------------------- @@ -2051,7 +2051,7 @@ object { background: #575756; font-size: 14px; font-size: 0.875em; - font-weight: 300; + font-weight: 300; color: #aaaaaa; text-align: left; } @@ -2064,11 +2064,11 @@ object { } .site-footer a:hover { - color: #7fcaad; + color: #7fcaad; } .site-footer .fa { - color: #7fcaad; + color: #7fcaad; } .site-footer h3 { @@ -2090,52 +2090,52 @@ object { } .site-info { - text-align: center; + text-align: center; font-size: 12px; font-size: 0.857em; - letter-spacing: 1px; - padding: 15px 0; - background: #373735; + letter-spacing: 1px; + padding: 15px 0; + background: #373735; } .site-info a { letter-spacing: 0; text-transform: none; letter-spacing: 1px; - font-family: 'Merriweather', Georgia, serif; + font-family: 'Merriweather', Georgia, serif; } .footer-copyright { - float: left; - text-align: center; - width: 100%; + float: left; + text-align: center; + width: 100%; } .footer-back-top { - float: right; - text-align: center; - width: 100%; - margin-top: 15px; + float: right; + text-align: center; + width: 100%; + margin-top: 15px; } .footer-video-wrap { - display: none; + display: none; } .footer-content-wrap { - width: 100%; + width: 100%; } .quick-contact { - width: 100%; - float: left; - text-align: center; + width: 100%; + float: left; + text-align: center; } .footer-content-bottom { - text-align: center; - width: 100%; - float: left; + text-align: center; + width: 100%; + float: left; border-top: solid 1px #6f6e6b; padding-top: 40px; margin-top: 30px; @@ -2166,16 +2166,16 @@ object { } .footer-widget-wrap { - display: none; + display: none; } .footer-widget-wrap .widget:last-child { - margin-bottom: 0; + margin-bottom: 0; } .footer-social-icons { - float: left; - width: 100%; + float: left; + width: 100%; text-align: center; margin-top: 40px; padding-top: 30px; @@ -2183,8 +2183,8 @@ object { } .footer-social-icons ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .footer-social-icons li { @@ -2193,21 +2193,21 @@ object { } .footer-social-icons li a { - font-size: 20px; + font-size: 20px; font-size: 1.25em; line-height: 30px; - margin: 0 8px; + margin: 0 8px; } .footer-inner { - display: none; + display: none; } /*-------------------------------------------------------------- # Slider --------------------------------------------------------------*/ .home-carousel { - display: none; + display: none; } /*-------------------------------------------------------------- @@ -2218,16 +2218,16 @@ object { ## Pirate Forms --------------------------------------------------------------*/ .content-wrap-contact input:not([type="submit"]) { - padding: 20px; - width: 100%; + padding: 20px; + width: 100%; } .content-wrap-contact .pirate_forms_three_inputs { - width: 100%; + width: 100%; } .contact_submit_wrap { - width: 100%; + width: 100%; } .pirate_forms_wrap label { @@ -2236,8 +2236,8 @@ object { } .pirate_forms_wrap .form_field_wrap { - margin: 15px 0; - text-align: center; + margin: 15px 0; + text-align: center; } /*-------------------------------------------------------------- @@ -2251,10 +2251,10 @@ object { .search-post div.sharedaddy, .search-post #content div.sharedaddy, .search-post #main div.sharedaddy { - clear: none !important; - float: left; - padding-top: 3px; - margin-top: 14px; + clear: none !important; + float: left; + padding-top: 3px; + margin-top: 14px; } .blog-post .sd-social-icon .sd-button span.share-count, @@ -2277,146 +2277,146 @@ object { .entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-pinterest a.sd-button, .entry-content-wrap .sd-social-icon .sd-content ul li[class*='share-'].share-linkedin a.sd-button, .entry-content-wrap .sd-social-icon .sd-content ul li[class*=share-].share-press-this a.sd-button { - color: #aaaaaa !important; - background: none !important; - padding: 5px; + color: #aaaaaa !important; + background: none !important; + padding: 5px; } .entry-content-wrap div.sharedaddy h3.sd-title { - float: left; - padding-top: 8px; - padding-right: 15px; - color: #aaaaaa; - font-size: 15px; + float: left; + padding-top: 8px; + padding-right: 15px; + color: #aaaaaa; + font-size: 15px; font-size: 0.9375em; - font-weight: 400; + font-weight: 400; } .blog-post .sd-content { - float: right; + float: right; } .sd-social-icon .sd-button span.share-count { - display: none !important; + display: none !important; } div.sharedaddy h3.sd-title:before { - display: none !important; + display: none !important; } .blog-post .sd-title, .search-post .sd-title { - display: none !important; + display: none !important; } @media screen and (min-width: 600px) { - .blog-post div.sharedaddy, - .blog-post #content div.sharedaddy, - .blog-post #main div.sharedaddy, - .search-post div.sharedaddy, - .search-post #content div.sharedaddy, - .search-post #main div.sharedaddy { - float: right; - } + .blog-post div.sharedaddy, + .blog-post #content div.sharedaddy, + .blog-post #main div.sharedaddy, + .search-post div.sharedaddy, + .search-post #content div.sharedaddy, + .search-post #main div.sharedaddy { + float: right; + } } /* Related posts */ .entry-content #jp-relatedposts h3.jp-relatedposts-headline { - font-family: 'Merriweather', Georgia, serif; - font-size: 20px; + font-family: 'Merriweather', Georgia, serif; + font-size: 20px; font-size: 1.25em; - font-weight: 400; - text-align: center; - width: 100%; - color: #373735; - text-transform: none; - margin-top: 60px; + font-weight: 400; + text-align: center; + width: 100%; + color: #373735; + text-transform: none; + margin-top: 60px; } .entry-content #jp-relatedposts h3.jp-relatedposts-headline em { - font-family: 'Merriweather', Georgia, serif; - font-weight: 400; + font-family: 'Merriweather', Georgia, serif; + font-weight: 400; } .entry-content #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { - text-align: center; - padding-top: 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 80%; - margin: 20px auto 0; + text-align: center; + padding-top: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 80%; + margin: 20px auto 0; } .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { - font-family: 'Cabin', Helvetica, sans-serif; - text-transform: uppercase; - color: #575756; - letter-spacing: 1px; - font-size: 15px; + font-family: 'Cabin', Helvetica, sans-serif; + text-transform: uppercase; + color: #575756; + letter-spacing: 1px; + font-size: 15px; font-size: 0.9375em; } .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { - text-decoration: none; - color: #628d7c; + text-decoration: none; + color: #628d7c; } .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { - max-width: 80%; - text-align: center; - margin: 0 auto; + max-width: 80%; + text-align: center; + margin: 0 auto; } .entry-content #jp-relatedposts h3.jp-relatedposts-headline em:before { - content: ""; - border-top: 1px solid rgb(246, 246, 246); + content: ""; + border-top: 1px solid rgb(246, 246, 246); } .entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{ - padding: 0 0 20px 0; - margin: 5px 0.6%; - background: #f6f6f6; + padding: 0 0 20px 0; + margin: 5px 0.6%; + background: #f6f6f6; } .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post{ - width: 32%; + width: 32%; } .entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{ - opacity: 1; + opacity: 1; } .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a{ - text-decoration: none; - color: #7fcaad; + text-decoration: none; + color: #7fcaad; } @media only screen and (max-width: 640px) { - .entry-content #jp-relatedposts .jp-relatedposts-items-visual { - text-align: center; - } + .entry-content #jp-relatedposts .jp-relatedposts-items-visual { + text-align: center; + } - .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { - width: 48%; - display: inline-block; - float: none; - } + .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { + width: 48%; + display: inline-block; + float: none; + } } @media only screen and (max-width: 480px) { - .entry-content #jp-relatedposts .jp-relatedposts-items-visual { - text-align: center; - } + .entry-content #jp-relatedposts .jp-relatedposts-items-visual { + text-align: center; + } - .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { - width: 98%; - } + .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { + width: 98%; + } } @@ -2441,282 +2441,282 @@ div.sharedaddy h3.sd-title:before { @media screen and (min-width: 600px) { - /*----------- - * Content - -----------*/ - .entry-content blockquote.alignleft, - .entry-content blockquote.alignright { - width: -webkit-calc(50% - 0.736842105em); - width: calc(50% - 0.736842105em); - } + /*----------- + * Content + -----------*/ + .entry-content blockquote.alignleft, + .entry-content blockquote.alignright { + width: -webkit-calc(50% - 0.736842105em); + width: calc(50% - 0.736842105em); + } - .entry-content blockquote.alignleft { - margin: 10px 30px 30px 0; - } + .entry-content blockquote.alignleft { + margin: 10px 30px 30px 0; + } - .entry-content blockquote.alignright { - margin: 10px 0 30px 30px; - } + .entry-content blockquote.alignright { + margin: 10px 0 30px 30px; + } .content-area-with-sidebar .content-inner-wrap { padding: 0 45px; } - /*----------- - * Header - -----------*/ - .menu-toggle-button-wrap { - text-align: left; - } + /*----------- + * Header + -----------*/ + .menu-toggle-button-wrap { + text-align: left; + } .no-social-menu .menu-toggle-button-wrap { text-align: left; } - /*-------------------------------------------------------------- - # Widgets - --------------------------------------------------------------*/ - .widget { - margin: 0 0 1.5em; - } + /*-------------------------------------------------------------- + # Widgets + --------------------------------------------------------------*/ + .widget { + margin: 0 0 1.5em; + } - .site-footer .widget { - padding-bottom: 50px; - } + .site-footer .widget { + padding-bottom: 50px; + } - .widget select { - max-width: 100%; - } + .widget select { + max-width: 100%; + } - .widget-area { - max-width: 300px; + .widget-area { + max-width: 300px; letter-spacing: 0.25px; - } + } - .widget-area .widget:last-child { - border-bottom: 0; - } + .widget-area .widget:last-child { + border-bottom: 0; + } - .widget-title { - color: #628d7c; - font-size: 14px; + .widget-title { + color: #628d7c; + font-size: 14px; font-size: 1em; - margin: 0 0 20px; - line-height: 21px; - } - - .widget ul > li { - list-style: none; - padding: 10px 0 0; - color: #aaaaaa; - } - - .widget ul li:first-child { - padding-top: 0; - } - - .widget ul ul li:first-child { - padding: 10px 0 0; - } - - .widget_categories li a { - text-transform: uppercase; - letter-spacing: 2px; - font-family: 'Cabin', Helvetica, sans-serif; - } - - .widget ul { - list-style-type: none; - margin: 0; - padding: 0; - } - - .widget ul ul { - padding-left: 15px; - } - - .widget input[type="text"], - .widget input[type="email"], - .widget input[type="url"], - .widget input[type="password"], - .widget input[type="search"], - .widget input[type="number"], - .widget input[type="tel"], - .widget input[type="range"], - .widget input[type="date"], - .widget input[type="month"], - .widget input[type="week"], - .widget input[type="time"], - .widget input[type="datetime"], - .widget input[type="datetime-local"], - .widget input[type="color"] , - .widget select, - .widget textarea { - width: 100%; - } - - .widget-area .widget { - padding: 30px 0 30px 30px; - margin: 0px; - margin-bottom: 5px; - width: 300px; - - } - - .widget_recent_entries .post-date { - display: block; - font-family: 'Cabin', Helvetica, sans-serif; - font-size: 13px; + margin: 0 0 20px; + line-height: 21px; + } + + .widget ul > li { + list-style: none; + padding: 10px 0 0; + color: #aaaaaa; + } + + .widget ul li:first-child { + padding-top: 0; + } + + .widget ul ul li:first-child { + padding: 10px 0 0; + } + + .widget_categories li a { + text-transform: uppercase; + letter-spacing: 2px; + font-family: 'Cabin', Helvetica, sans-serif; + } + + .widget ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + .widget ul ul { + padding-left: 15px; + } + + .widget input[type="text"], + .widget input[type="email"], + .widget input[type="url"], + .widget input[type="password"], + .widget input[type="search"], + .widget input[type="number"], + .widget input[type="tel"], + .widget input[type="range"], + .widget input[type="date"], + .widget input[type="month"], + .widget input[type="week"], + .widget input[type="time"], + .widget input[type="datetime"], + .widget input[type="datetime-local"], + .widget input[type="color"] , + .widget select, + .widget textarea { + width: 100%; + } + + .widget-area .widget { + padding: 30px 0 30px 30px; + margin: 0px; + margin-bottom: 5px; + width: 300px; + + } + + .widget_recent_entries .post-date { + display: block; + font-family: 'Cabin', Helvetica, sans-serif; + font-size: 13px; font-size: 0.8125em; - line-height: 13px; - color: #aaaaaa; - text-transform: uppercase; - margin-top: 5px; - letter-spacing: 1px; - } - - .widget_recent_entries li { - padding: 10px 0px; - } - - .widget_archive li { - color: #aaaaaa; - } - - /* Calendar Widget */ - .widget_calendar table, - .widget_calendar td { - border: 0; - border-collapse: separate; - border-spacing: 1px; - } - - .widget_calendar caption { - font-size: 14px; + line-height: 13px; + color: #aaaaaa; + text-transform: uppercase; + margin-top: 5px; + letter-spacing: 1px; + } + + .widget_recent_entries li { + padding: 10px 0px; + } + + .widget_archive li { + color: #aaaaaa; + } + + /* Calendar Widget */ + .widget_calendar table, + .widget_calendar td { + border: 0; + border-collapse: separate; + border-spacing: 1px; + } + + .widget_calendar caption { + font-size: 14px; font-size: 0.875em; - 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; - } - - .widget_search label { - width: 100%; - } - - .widget_search form { - position: relative; - } - - .widget_search label:before { - content: "\f002"; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-decoration: inherit; - color: #aaaaaa; - position: absolute; - font-size: 18px; + 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; + } + + .widget_search label { + width: 100%; + } + + .widget_search form { + position: relative; + } + + .widget_search label:before { + content: "\f002"; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + color: #aaaaaa; + position: absolute; + font-size: 18px; font-size: 1.125em; - padding-right: 20px; - z-index: 5; - right: 0px; - top: -4px; - height: 64px; - width: 35px; - line-height: 64px; - padding-top: 5px; - text-align: center; - } - - .widget_search input[type="submit"] { - position: absolute; - right: 0; - top: 0; - width: 50px; - height: 64px; - border: none; - box-shadow: none; - background: none; - z-index: 9; - text-indent: -99999900px; - overflow: hidden; - padding: 0; - } - - /*----------- - * Footer - -----------*/ - .footer-inner { - display: block; + padding-right: 20px; + z-index: 5; + right: 0px; + top: -4px; + height: 64px; + width: 35px; + line-height: 64px; + padding-top: 5px; + text-align: center; + } + + .widget_search input[type="submit"] { + position: absolute; + right: 0; + top: 0; + width: 50px; + height: 64px; + border: none; + box-shadow: none; + background: none; + z-index: 9; + text-indent: -99999900px; + overflow: hidden; + padding: 0; + } + + /*----------- + * Footer + -----------*/ + .footer-inner { + display: block; letter-spacing: 0.25px; - } - - .container-footer { - padding-top: 80px; - } - - .site-footer .widget_nav_menu .widget-title { - margin-bottom: 15px; - } - - .site-footer .widget_nav_menu ul > li, - .site-footer .widget ul li:first-child { - padding: 5px 0; - } - - .site-footer .widget ul ul li:first-child { - padding-top: 10px; - } - - .site-footer .widget ul ul li:last-child { - padding-bottom: 0; - } - - .footer-social-icons { - display: none; - } - - .footer-content-bottom { - display: table-cell; - vertical-align: middle; - } - - .footer-content-bottom-left { - display: table-cell; - vertical-align: middle; - width: 100%; - line-height: 27px; - } - - .footer-content-bottom-btn { - display: table-cell; - vertical-align: middle; - padding-left: 25px; - } + } + + .container-footer { + padding-top: 80px; + } + + .site-footer .widget_nav_menu .widget-title { + margin-bottom: 15px; + } + + .site-footer .widget_nav_menu ul > li, + .site-footer .widget ul li:first-child { + padding: 5px 0; + } + + .site-footer .widget ul ul li:first-child { + padding-top: 10px; + } + + .site-footer .widget ul ul li:last-child { + padding-bottom: 0; + } + + .footer-social-icons { + display: none; + } + + .footer-content-bottom { + display: table-cell; + vertical-align: middle; + } + + .footer-content-bottom-left { + display: table-cell; + vertical-align: middle; + width: 100%; + line-height: 27px; + } + + .footer-content-bottom-btn { + display: table-cell; + vertical-align: middle; + padding-left: 25px; + } /*----------- * Galllery @@ -2738,56 +2738,56 @@ div.sharedaddy h3.sd-title:before { @media screen and (min-width: 768px) { - h2 { - font-size: 28px; + h2 { + font-size: 28px; font-size: 1.75em; - line-height: 40px; - } - - .post-navigation { - display: block; - } - - /*----------- - * Footer - -----------*/ - - .footer-copyright { - width: auto; - } - - .footer-back-top { - width: auto; - margin-top: 0; - } - - /*----------- - * Posts and pages - -----------*/ - .page-main-header { - padding: 90px 0 0; - } - - /*----------- - * Content - -----------*/ - .content-area { - max-width: 100%; - width: 100%; - } - - .content-area-left-sidebar .content-area { - padding: 40px 0 0 60px; - } - - .content-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-flow: row wrap; - flex-flow: row wrap; - } + line-height: 40px; + } + + .post-navigation { + display: block; + } + + /*----------- + * Footer + -----------*/ + + .footer-copyright { + width: auto; + } + + .footer-back-top { + width: auto; + margin-top: 0; + } + + /*----------- + * Posts and pages + -----------*/ + .page-main-header { + padding: 90px 0 0; + } + + /*----------- + * Content + -----------*/ + .content-area { + max-width: 100%; + width: 100%; + } + + .content-area-left-sidebar .content-area { + padding: 40px 0 0 60px; + } + + .content-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: row wrap; + flex-flow: row wrap; + } /*----------- * Comments @@ -2815,27 +2815,27 @@ div.sharedaddy h3.sd-title:before { padding-top: 58px; } - /*----------- - * Header - -----------*/ - .header-inner-top { - position: fixed; - width: 100%; - z-index: 9999; - top: 0; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; - } - - .admin-bar .header-inner-top { - top: 32px; - } - - .header-inner-site-branding { - padding-top: 110px; - } + /*----------- + * Header + -----------*/ + .header-inner-top { + position: fixed; + width: 100%; + z-index: 9999; + top: 0; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + } + + .admin-bar .header-inner-top { + top: 32px; + } + + .header-inner-site-branding { + padding-top: 110px; + } .header-social-icons { display: table-cell; @@ -2859,217 +2859,249 @@ div.sharedaddy h3.sd-title:before { margin: 0px 8px; } - /*----------- - * Menus - -----------*/ - .main-navigation { - position: relative; - top: 0; - background: none; + /*----------- + * Menus + -----------*/ + .main-navigation { + position: relative; + top: 0; + background: none; display: table-cell; vertical-align: middle; - } - - .main-navigation ul { - max-height: initial; - overflow-x: visible; - overflow-y: visible; - } - - .main-navigation li { - width: auto; - } - - .main-navigation li.menu-item-has-children { - padding-right: 10px; - } - - .main-navigation ul { - text-align: center; - } - - .main-navigation ul ul { - position: absolute; - top: 100%; - left: -999em; - z-index: 99999; - padding-left: 0; - background: #373735; - width: 250px; - } - - .main-navigation ul ul ul { - left: -999em; - top: -1px; - } - - .main-navigation li a { - font-size: 13px; + } + + .main-navigation ul { + max-height: initial; + overflow-x: visible; + overflow-y: visible; + } + + .main-navigation li { + width: auto; + } + + .main-navigation li.menu-item-has-children { + padding-right: 10px; + } + + .main-navigation ul { + text-align: center; + } + + .main-navigation ul ul { + position: absolute; + top: 100%; + left: -999em; + z-index: 99999; + padding-left: 0; + background: #373735; + width: 250px; + } + + .main-navigation ul ul ul { + left: -999em; + top: -1px; + } + + .main-navigation li a { + font-size: 13px; font-size: 0.8125em; - color: #aaaaaa; - padding: 5px 10px; - } + color: #aaaaaa; + padding: 5px 10px; + } - .main-navigation ul ul a { - width: 100%; + .main-navigation ul ul a { + width: 100%; padding: 12px 20px; - } - - .main-navigation ul ul li { - border-bottom: 1px solid rgba(255,255,255,0.25); - width: 100%; - } - - .menu-toggle { - display: none; - } - - .main-navigation ul { - display: block; - } - - .dropdown-toggle { - z-index: -1; - top: 2px; - background: none; - color: #999999; - width: 15px; - } - - .main-navigation .menu-item-has-children > ul { - display: block; - } - - .main-navigation ul ul .dropdown-toggle { - top: 15px; - } - - .main-navigation li:hover > a, - .main-navigation li.focus > a { - color: #7fcaad; - } - - /*----------- - * Footer - -----------*/ - .footer-video-wrap { - display: block; - width: 60%; - margin-right: 60px; - max-width: 435px; - } - - .widget-area .widget { - width: 300px; - font-size: 14px; + } + + .main-navigation ul ul li { + border-bottom: 1px solid rgba(255,255,255,0.25); + width: 100%; + margin-top: 1px; + } + + .menu-toggle { + display: none; + } + + .main-navigation ul { + display: block; + } + + .dropdown-toggle { + z-index: -1; + top: 2px; + background: none; + color: #999999; + width: 15px; + } + + .main-navigation .menu-item-has-children > ul { + display: block; + } + + .main-navigation ul ul .dropdown-toggle { + top: 15px; + } + + .main-navigation li:hover > a, + .main-navigation li.focus > a { + color: #7fcaad; + } + + .dropdown-toggle, + .dropdown-toggle:focus, + .dropdown-toggle:active { + height: 15px; + padding: 0; + background: none; + } + + .dropdown-toggle .dropdown-toggle-inner { + background: none; + color: #999999; + width: 15px; + height: 15px; + } + + .dropdown-toggle .dropdown-toggle-inner:after { + line-height: 15px; + } + + ul .dropdown-toggle, + ul .dropdown-toggle:focus, + ul .dropdown-toggle:active { + margin-top: 4px; + } + + ul ul .dropdown-toggle, + ul ul .dropdown-toggle:focus, + ul ul .dropdown-toggle:active { + margin-top: 0; + } + + /*----------- + * Footer + -----------*/ + .footer-video-wrap { + display: block; + width: 60%; + margin-right: 60px; + max-width: 435px; + } + + .widget-area .widget { + width: 300px; + font-size: 14px; font-size: 0.875em; - } - - .widget-area .widget:first-child { - padding-top: 0; - } - - /*----------- - * Content - -----------*/ - .search-page .site-main, - .contact-page .site-main { - padding-right: 0; - float: none; - } - - .content-wrap { - padding: 90px 0 30px; - } - - .contact-block-item-wrap .contact-block-item { - margin-top: 0; - } - - .content-inner-wrap, - .comments-area-wrap .comments-area { - max-width: 740px; - margin: 0 auto; - } - - .content-area-with-sidebar { - float: left; - padding-top: 0; - width: 100%; - max-width: 100%; - margin-left: -300px; - padding-left: 300px; - } - - .content-area-with-sidebar .site-main { - padding: 0 15px 0 0; - } - - /*----------- - * Widget - -----------*/ - .widget-area { - display: block; - float: right; - } - - /*----------- - * Slider - -----------*/ - .home-carousel { - display: block; - } - - .home-carousel .item-inner-half { - width: 50%; - float: left; - position: relative; - } - - .home-carousel .item-inner-half img { - width: 100%; - } - - .home-carousel .carousel-indicators { - margin-bottom: 0; - bottom: -40px; - } - - .home-carousel .carousel-indicators li { - background-color: #dbd9d9; - border: none; - width: 11px; - height: 11px; - margin: 0 5px; - padding: 0; - } - - .home-carousel .carousel-indicators .active { - background-color: #aaa; - border: none; - width: 11px; - height: 11px; - margin: 0 5px; - padding: 0; - } - - .carousel-caption { - position: absolute; - top: 50%; - transform: translateY(-50%); - bottom: auto; - padding: 0; - text-align: center; - width: 100%; - left: auto; - right: auto; - text-shadow: none; - } - - .carousel-caption-title { - margin: 0; - padding: 0; - } + } + + .widget-area .widget:first-child { + padding-top: 0; + } + + /*----------- + * Content + -----------*/ + .search-page .site-main, + .contact-page .site-main { + padding-right: 0; + float: none; + } + + .content-wrap { + padding: 90px 0 30px; + } + + .contact-block-item-wrap .contact-block-item { + margin-top: 0; + } + + .content-inner-wrap, + .comments-area-wrap .comments-area { + max-width: 740px; + margin: 0 auto; + } + + .content-area-with-sidebar { + float: left; + padding-top: 0; + width: 100%; + max-width: 100%; + margin-left: -300px; + padding-left: 300px; + } + + .content-area-with-sidebar .site-main { + padding: 0 15px 0 0; + } + + /*----------- + * Widget + -----------*/ + .widget-area { + display: block; + float: right; + } + + /*----------- + * Slider + -----------*/ + .home-carousel { + display: block; + } + + .home-carousel .item-inner-half { + width: 50%; + float: left; + position: relative; + } + + .home-carousel .item-inner-half img { + width: 100%; + } + + .home-carousel .carousel-indicators { + margin-bottom: 0; + bottom: -40px; + } + + .home-carousel .carousel-indicators li { + background-color: #dbd9d9; + border: none; + width: 11px; + height: 11px; + margin: 0 5px; + padding: 0; + } + + .home-carousel .carousel-indicators .active { + background-color: #aaa; + border: none; + width: 11px; + height: 11px; + margin: 0 5px; + padding: 0; + } + + .carousel-caption { + position: absolute; + top: 50%; + transform: translateY(-50%); + bottom: auto; + padding: 0; + text-align: center; + width: 100%; + left: auto; + right: auto; + text-shadow: none; + } + + .carousel-caption-title { + margin: 0; + padding: 0; + } .carousel-caption-title a { font-size: 18px; @@ -3086,15 +3118,15 @@ div.sharedaddy h3.sd-title:before { text-overflow: ellipsis; } - .carousel-caption-title a:hover { - color: #628d7c; - } + .carousel-caption-title a:hover { + color: #628d7c; + } - .carousel-caption-category { - margin: 0; - padding: 0; - color: #aaaaaa; - } + .carousel-caption-category { + margin: 0; + padding: 0; + color: #aaaaaa; + } .carousel-caption-category a { color: #aaaaaa; @@ -3104,60 +3136,60 @@ div.sharedaddy h3.sd-title:before { text-transform: lowercase; } - .carousel-caption-category a:hover { - color: #628d7c; - } - - .carousel-caption-inner { - background: #fff; - padding: 30px 40px; - max-width: 80%; - margin: 0 auto; - display: inline-block; - } - - .item-inner-link { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - } - - /*----------- - * About me widget - -----------*/ - .photo-wrapper { - text-align: center; - float: right; - margin-top: -40px; - padding-left: 30px; - margin-bottom: 20px; - } - - .about-photo { - max-width: 110px; - border-radius: 100%; - border: 5px solid #fff; - } + .carousel-caption-category a:hover { + color: #628d7c; + } + + .carousel-caption-inner { + background: #fff; + padding: 30px 40px; + max-width: 80%; + margin: 0 auto; + display: inline-block; + } + + .item-inner-link { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + } + + /*----------- + * About me widget + -----------*/ + .photo-wrapper { + text-align: center; + float: right; + margin-top: -40px; + padding-left: 30px; + margin-bottom: 20px; + } + + .about-photo { + max-width: 110px; + border-radius: 100%; + border: 5px solid #fff; + } } @media screen and (min-width: 1200px) { - .container { - width: 970px; - } + .container { + width: 970px; + } } @media screen and (min-width: 1600px) { - .container { - width: 1200px; - } + .container { + width: 1200px; + } .entry-content { font-size: 16px; @@ -3203,4 +3235,4 @@ div.sharedaddy h3.sd-title:before { padding-right: 0; padding-left: 0; } -} +} \ No newline at end of file From cc499328bb54766a13f438383ce6fbb4930e89f4 Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Mon, 4 Jul 2016 16:51:44 +0300 Subject: [PATCH 07/16] #26 Excaping --- functions.php | 14 +++++++------- template-parts/content-single.php | 4 ++-- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/functions.php b/functions.php index 12bdba4..add9d7f 100644 --- a/functions.php +++ b/functions.php @@ -375,14 +375,14 @@ function zillah_slider(){ $size = intval( round( sizeof( $slider_posts ) / 2, 0, PHP_ROUND_HALF_DOWN) ); - echo "
"; + echo "
"; if( $size ) : if( $size > 1 ) { echo "
    "; for ( $i = 0; $i < $size; $i ++ ) { - echo "
  1. "; + echo "
  2. "; } echo "
"; } @@ -400,11 +400,11 @@ function zillah_slider(){
- + @@ -762,7 +762,7 @@ function zillah_post_thumbnail() { if( $post_image_link && $zillah_image_as_thumbnail ) { echo '
'; echo ''; - echo ''. esc_attr( get_the_title() ) .''; + echo ''. esc_attr( get_the_title() ) .''; echo ''; echo '
'; } @@ -780,7 +780,7 @@ function zillah_post_image() { $post_image_link = zillah_catch_that_image(); if( $post_image_link ) { echo '
'; - echo ''. esc_attr( get_the_title() ) .''; + echo ''. esc_attr( get_the_title() ) .''; echo '
'; } } @@ -846,7 +846,7 @@ function zillah_post_gallery() { } ?>
- +
'; if( $author_name!=='' ) { - echo '' . $author_name . ''; + echo '' . esc_html( $author_name ) . ''; } echo '
'; if( !empty( $author_description ) ){ - echo '
' . $author_description . '
'; + echo '
' . esc_html( $author_description ) . '
'; } echo '
'; From ce46afa6efdda556f332f606e8ff84173058ca51 Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Wed, 6 Jul 2016 09:54:32 +0300 Subject: [PATCH 08/16] !!! issue in function.php --- functions.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/functions.php b/functions.php index add9d7f..1553dc4 100644 --- a/functions.php +++ b/functions.php @@ -375,7 +375,7 @@ function zillah_slider(){ $size = intval( round( sizeof( $slider_posts ) / 2, 0, PHP_ROUND_HALF_DOWN) ); - echo "
"; + echo "
"; if( $size ) : From 9530681689dcfd1f021347f6d640e3a29c5f0af8 Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Thu, 7 Jul 2016 10:40:47 +0300 Subject: [PATCH 09/16] #125 Header background image not changing instantly --- inc/customizer.php | 10 ++++++---- js/customizer.js | 8 ++++++++ 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/inc/customizer.php b/inc/customizer.php index 339171a..f2070fd 100644 --- a/inc/customizer.php +++ b/inc/customizer.php @@ -11,10 +11,12 @@ * @param WP_Customize_Manager $wp_customize Theme Customizer object. */ function zillah_customize_register( $wp_customize ) { - $wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; - $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; - $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; - $wp_customize->get_setting( 'header_textcolor' )->default = '#7fcaad'; + $wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; + $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; + $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; + $wp_customize->get_setting( 'header_textcolor' )->default = '#7fcaad'; + $wp_customize->get_setting( 'header_image' )->transport = 'postMessage'; + $wp_customize->get_setting( 'header_image_data' )->transport = 'postMessage'; require_once ( 'class/zillah_category-selector-control.php'); require_once ( 'class/zillah-google-fonts.php'); diff --git a/js/customizer.js b/js/customizer.js index 10b1054..be3d696 100644 --- a/js/customizer.js +++ b/js/customizer.js @@ -121,4 +121,12 @@ } ); } ); + + // Header Image + wp.customize( 'header_image', function( value ) { + value.bind( function( to ) { + $( '.header-inner-site-branding' ).css( 'background-image', 'url(' + to + ')' ); + } ); + } ); + } )( jQuery ); From 3da3e975df76cc92a2376e19d13553a156e54aad Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Thu, 7 Jul 2016 11:55:44 +0300 Subject: [PATCH 10/16] #119 Smaller article meta on mobile --- style.css | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/style.css b/style.css index 75688e8..700ee5c 100644 --- a/style.css +++ b/style.css @@ -1400,14 +1400,14 @@ p.dropcap:first-letter { .entry-title { font-family: 'Cabin', Helvetica, sans-serif; - font-size: 24px; - font-size: 1.5em; - line-height: 30px; + font-size: 20px; + font-size: 1.2em; + line-height: 25px; color: #575756; letter-spacing: 2px; font-weight: 600; margin: 0; - text-transform: uppercase; + text-transform: none; } .entry-title-blog a { @@ -1475,7 +1475,7 @@ p.dropcap:first-letter { .entry-header .cat-links { font-family: 'Cabin', Helvetica, sans-serif; font-size: 15px; - font-size: 0.9375em; + font-size: 0.8375em;; font-weight: 400; color: #7fcaad; text-transform: uppercase; @@ -2461,6 +2461,16 @@ div.sharedaddy h3.sd-title:before { .content-area-with-sidebar .content-inner-wrap { padding: 0 45px; } + .entry-title { + font-size: 24px; + font-size: 1.5em; + line-height: 30px; + text-transform: uppercase; + } + + .entry-header .cat-links { + font-size: 0.9375em; + } /*----------- * Header From b4e294badd491a100c96554f385f564f90100fdd Mon Sep 17 00:00:00 2001 From: claudiuvertistudio Date: Thu, 7 Jul 2016 12:32:09 +0300 Subject: [PATCH 11/16] #118 Smaller header on mobile --- header.php | 2 +- style.css | 35 ++++++++++++++++++++++++++++++++++- 2 files changed, 35 insertions(+), 2 deletions(-) diff --git a/header.php b/header.php index f7d3871..bd97f1b 100644 --- a/header.php +++ b/header.php @@ -71,7 +71,7 @@
-
+
+ +
+ @@ -67,10 +71,13 @@
- + + + + diff --git a/functions.php b/functions.php index 1553dc4..ea3b296 100644 --- a/functions.php +++ b/functions.php @@ -268,6 +268,19 @@ function zillah_customizer_script() { require get_template_directory() . '/inc/jetpack.php'; +/** + * Theme Hook Alliance hook. + */ +require get_template_directory() . '/inc/tha-theme-hooks.php'; + +/** + * Hooks. + */ +require get_template_directory() . '/inc/zillah_hooks.php'; + + + + function zillah_read_more_link() { return '' . sprintf( __( 'Continue Reading %s', 'zillah' ), the_title( '"', '"', false ) . ' ' ) . ''; } diff --git a/header.php b/header.php index bd97f1b..37169a6 100644 --- a/header.php +++ b/header.php @@ -10,20 +10,23 @@ */ ?> + > - - - - - - + + + + + + + + - > +
- + - + - +
-
\ No newline at end of file +
+ \ No newline at end of file diff --git a/inc/tha-theme-hooks.php b/inc/tha-theme-hooks.php new file mode 100644 index 0000000..9801cd8 --- /dev/null +++ b/inc/tha-theme-hooks.php @@ -0,0 +1,264 @@ + + * // Declare support for all hook types + * add_theme_support( 'tha_hooks', array( 'all' ) ); + * + * // Declare support for certain hook types only + * add_theme_support( 'tha_hooks', array( 'header', 'content', 'footer' ) ); + * + */ +add_theme_support( 'tha_hooks', array( + + /** + * As a Theme developer, use the 'all' parameter, to declare support for all + * hook types. + * Please make sure you then actually reference all the hooks in this file, + * Plugin developers depend on it! + */ + 'all', + + /** + * Themes can also choose to only support certain hook types. + * Please make sure you then actually reference all the hooks in this type + * family. + * + * When the 'all' parameter was set, specific hook types do not need to be + * added explicitly. + */ + 'html', + 'body', + 'head', + 'header', + 'content', + 'entry', + 'comments', + 'sidebars', + 'sidebar', + 'footer', + + /** + * If/when WordPress Core implements similar methodology, Themes and Plugins + * will be able to check whether the version of THA supplied by the theme + * supports Core hooks. + */ + //'core', +) ); + +/** + * Determines, whether the specific hook type is actually supported. + * + * Plugin developers should always check for the support of a specific + * hook type before hooking a callback function to a hook of this type. + * + * Example: + * + * if ( current_theme_supports( 'tha_hooks', 'header' ) ) + * add_action( 'tha_head_top', 'prefix_header_top' ); + * + * + * @param bool $bool true + * @param array $args The hook type being checked + * @param array $registered All registered hook types + * + * @return bool + */ +function tha_current_theme_supports( $bool, $args, $registered ) { + return in_array( $args[0], $registered[0] ) || in_array( 'all', $registered[0] ); +} +add_filter( 'current_theme_supports-tha_hooks', 'tha_current_theme_supports', 10, 3 ); + +/** + * HTML hook + * Special case, useful for , etc. + * $tha_supports[] = 'html; + */ +function tha_html_before() { + do_action( 'tha_html_before' ); +} +/** + * HTML hooks + * $tha_supports[] = 'body'; + */ +function tha_body_top() { + do_action( 'tha_body_top' ); +} + +function tha_body_bottom() { + do_action( 'tha_body_bottom' ); +} + +/** + * HTML hooks + * + * $tha_supports[] = 'head'; + */ +function tha_head_top() { + do_action( 'tha_head_top' ); +} + +function tha_head_bottom() { + do_action( 'tha_head_bottom' ); +} + +/** + * Semantic
hooks + * + * $tha_supports[] = 'header'; + */ +function tha_header_before() { + do_action( 'tha_header_before' ); +} + +function tha_header_after() { + do_action( 'tha_header_after' ); +} + +function tha_header_top() { + do_action( 'tha_header_top' ); +} + +function tha_header_bottom() { + do_action( 'tha_header_bottom' ); +} + +/** + * Semantic hooks + * + * $tha_supports[] = 'content'; + */ +function tha_content_before() { + do_action( 'tha_content_before' ); +} + +function tha_content_after() { + do_action( 'tha_content_after' ); +} + +function tha_content_top() { + do_action( 'tha_content_top' ); +} + +function tha_content_bottom() { + do_action( 'tha_content_bottom' ); +} + +function tha_content_while_before() { + do_action( 'tha_content_while_before' ); +} + +function tha_content_while_after() { + do_action( 'tha_content_while_after' ); +} + +/** + * Semantic hooks + * + * $tha_supports[] = 'entry'; + */ +function tha_entry_before() { + do_action( 'tha_entry_before' ); +} + +function tha_entry_after() { + do_action( 'tha_entry_after' ); +} + +function tha_entry_content_before() { + do_action( 'tha_entry_content_before' ); +} + +function tha_entry_content_after() { + do_action( 'tha_entry_content_after' ); +} + +function tha_entry_top() { + do_action( 'tha_entry_top' ); +} + +function tha_entry_bottom() { + do_action( 'tha_entry_bottom' ); +} + +/** + * Comments block hooks + * + * $tha_supports[] = 'comments'; + */ +function tha_comments_before() { + do_action( 'tha_comments_before' ); +} + +function tha_comments_after() { + do_action( 'tha_comments_after' ); +} + +/** + * Semantic hooks + * + * $tha_supports[] = 'sidebar'; + */ +function tha_sidebars_before() { + do_action( 'tha_sidebars_before' ); +} + +function tha_sidebars_after() { + do_action( 'tha_sidebars_after' ); +} + +function tha_sidebar_top() { + do_action( 'tha_sidebar_top' ); +} + +function tha_sidebar_bottom() { + do_action( 'tha_sidebar_bottom' ); +} + +/** + * Semantic