/* Theme Name: Nisarg Theme URI: http://falgunidesai.com/work/nisarg-a-wordpress-theme/ Author: Falguni Desai Author URI: http://falgunidesai.com/ Description: Nisarg is a new fully responsive and translation ready theme that allows you to create stunning blogs and websites. Theme is well suited for travel, photography, recipe, design, art, personal and any other creative websites and blogs. The theme is developed using Bootstrap 3 that makes it mobile and tablets friendly. It has various options in WordPress Customizer to change look of the theme. Theme customizer can be used to add your own header image of flexible height, background image, to set background color, header text color and accent color(Supports seven different accent colors). Theme supports eight post formats, such as: Video, Image, Aside, Status, Audio, Quote, Link and Gallery. Version: 1.2.8.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, two-columns, right-sidebar, theme-options, custom-colors, custom-background, custom-header, custom-colors, custom-menu, featured-images, post-formats, sticky-post, translation-ready, rtl-language-support, threaded-comments, featured-images, sticky-post Text Domain: nisarg This theme is licensed under the GPL. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 Repeatable Patterns * 3.0 Header * 3.1 Site Navigation Bar * 3.2 Site Header * 4.0 Content * 4.1 Post-Content * 4.2 Page and Post Navigation links * 4.3 Post Formats * 4.4 Gallery * 4.5 Post-Comments * 5.0 Sidebar - Widgets * 6.0 Site Footer * 7.0 Media Queries * 8.0 Print * **/ /** * 1.0 Reset * ----------------------------------------------------------------------------- */ body { background: #eceff1; } body, button, input, select, textarea { color: #424242; font-size: 18px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; } h1,h2,h3,h4,h5,h6 { clear: both; color: #212121; font-family: 'Lato', sans-serif; font-style: normal; font-weight: 400; } p{ margin-bottom: 1.5em; line-height: 1.7em; } a{ color: #607D8B; text-decoration: none; } a:visited { color: #78909c; text-decoration: underline; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a:hover{ text-decoration: none; } a img { border: 0; } dd { margin: 0 1.5em 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 5px solid #455A64; background: #F5f5f5; font-size: 18px; font-style: italic; margin-left: 0.5em; } blockquote p{ font-size: 18px; } code { white-space: normal; color: #666; } table { border-collapse: separate; border-spacing: 0; width: 100%; } table caption { text-align: center; text-transform: uppercase; } thead{ background-color: #fff; color:#212121; } table,th,td{ border: 1px solid #ddd; } th, td { padding: 0.7em; text-align: left; } tbody tr:nth-child(odd) { background: #eee; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } embed, iframe, object { max-width: 100%; } iframe{ width: 100%; } /** * 2.0 Repeatable Patterns * ---------------------------------------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .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. */ } button, input, textarea { font-family: inherit; padding: 5px; } input, textarea { color: #727272; border: 1px solid #aaa1a8; } input:focus, textarea:focus { outline: 0; } input:hover, textarea:hover { outline: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid #455A64; border-radius: 2px; background: -moz-linear-gradient(#607d8b, #455a64); background: -o-linear-gradient(#607d8b, #455a64); background: -webkit-linear-gradient(#607d8b, #455a64); background: linear-gradient(#607d8b, #455a64); color:#fff; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border: 1px solid #455A64; border-radius: 2px; background: -moz-linear-gradient(#607d8b, #455a64); background: -o-linear-gradient(#607d8b, #455a64); background: -webkit-linear-gradient(#607d8b, #455a64); background: linear-gradient(#607d8b, #455a64); color:#fff; } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border: 1px solid #455A64; border-radius: 2px; background: -moz-linear-gradient(#607d8b, #455a64); background: -o-linear-gradient(#607d8b, #455a64); background: -webkit-linear-gradient(#607d8b, #455a64); background: linear-gradient(#607d8b, #455a64); color:#fff; } input[type=text], input[type=email], textarea { color: #727272 } input[type=text]:focus, input[type=email]:focus, textarea:focus { color: #727272; } input[type="search"].search-field { border-radius: 2px 0 0 2px; width: -webkit-calc(100% - 42px); width: calc(100% - 42px); } .search-form { position: relative; } .search-form label{ width: 100%; margin-bottom: 0px; } .search-submit:before { content: "\f002"; font-family: FontAwesome; font-size: 16px; left: 2px; line-height: 42px; position: relative; width: 40px; } .search-submit { border-radius: 0 2px 2px 0; bottom: 0; overflow: hidden; padding: 0; position: absolute; right: 0; top: 0; width: 42px; } img{ margin-bottom: 1em; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .wp-caption { background: #fff; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.aligncenter, .wp-caption.alignnone{ margin: 5px auto 20px; } .wp-caption.alignleft{ margin: 5px 20px 20px 0; } .wp-caption.alignright{ margin: 5px 0px 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption-text { font-size: 14px; text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption p.wp-caption-text { font-size: 14px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } .entry-content img, img[class*="align"], img[class*="wp-image-"] { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .entry-content img, img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.wp-post-image{ max-width: 100%; width: auto; } img.wp-post-image{ height: auto; } .image-attachment{ margin-left: auto; margin-right: auto; } .featured-image img{ display: block; margin:0 auto 15px; } /** * 3.0 Header * ---------------------------------------------------------------------------- */ /** * 3.1 Site Navigation Bar * ---------------------------------------------------------------------------- */ .nav{ display: block; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; top:0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .admin-bar .navbar-fixed-top { top: 32px; } @media (max-width: 782px) { .admin-bar .navbar-fixed-top{ top: 46px; position: absolute; } } .navbar-brand{ font-size: 20px; font-weight: 600; } .main-navigation { background-color: white; box-shadow: 0px 1px 1px rgba(100,100,100, 0.2); clear: both; display: block; float: left; margin-bottom: 0px; width: 100%; text-transform: uppercase; } .main-navigation ul { display: none; font-size: 14px; font-weight: 400; font-style: normal; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { position: relative; } .main-navigation > li > a { padding-top: 11px; padding-bottom: 11px; line-height: 20px; } .main-navigation a { display: block; text-decoration: none; } .primary-menu > li > a { position: relative; display: block; padding: 10px 15px; } .sub-menu > li > a { display: block; padding: 10px 15px; clear: both; font-weight: normal; } .sub-menu { text-align: left; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; } .main-navigation .open > a, .main-navigation .open > a:hover, .main-navigation .open > a:focus { background-color: #fff; border-color: #fff; } .main-navigation .navbar-brand { color: #333333; } .main-navigation .navbar-brand:hover, .main-navigation .navbar-brand:focus { color: #000000; } .main-navigation .navbar-text { color: #333333; } .main-navigation .primary-menu > li > a { border-top: 4px solid #fff; border-bottom: 4px solid #fff; color: #333333; } .main-navigation .primary-menu > li > ul.toggle-on{ display: block; } .main-navigation .primary-menu > li > .sub-menu > li > a { color: #333333; } .main-navigation .primary-menu > li > .sub-menu > li > a:hover, .main-navigation .primary-menu > li > .sub-menu > li > a:focus { color: #777; } .main-navigation .primary-menu > li > .sub-menu > li > .divider { background-color: #ffffff; } .main-navigation .primary-menu > .active > a, .main-navigation .primary-menu > .active > a:hover, .main-navigation .primary-menu > .active > a:focus { background: #fff; } .main-navigation .primary-menu > .open > a, .main-navigation .primary-menu > .open > a:hover, .main-navigation .primary-menu > .open > a:focus { background: #fff; } .main-navigation .open > a, .main-navigation .open > a:hover, .main-navigation .open > a:focus { background-color: #fff; border-color: #fff; } .main-navigation ul ul { display: none; margin-left: 0.875em; } .no-js .main-navigation ul ul { display: block; } .main-navigation ul ul a { color: #333333; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .menu-toggle { border-color: #455A64; } .main-navigation .menu-toggle:hover, .main-navigation .menu-toggle:focus { background-color: #455A64; color: #fff; } .main-navigation .menu-toggle .icon-bar { background-color: #333; } .main-navigation .menu-toggle:hover .icon-bar,.main-navigation .menu-toggle:focus .icon-bar{ background-color: #fff; } .main-navigation .navbar-link { color: #333333; } .main-navigation .navbar-link:hover { color: #000000; } .menu-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .menu-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .menu-toggle .icon-bar + .icon-bar { margin-top: 4px; } .dropdown-toggle { background-color: #fff; background: linear-gradient(#fff, #fff); border: 0; border-radius: 0; color: #1a1a1a; content: ""; /*height: 48px;*/ height: 40px; padding: 0; position: absolute; right: 0; left: auto; text-transform: none; top: 0; width: 40px; } .dropdown-toggle:hover, .dropdown-toggle:focus { background-color: #fff; background: linear-gradient(#fff, #fff); } .dropdown-toggle:after { border: 0 solid #d1d1d1; background-color: #fff; font-family: FontAwesome; content: '\f0d7'; font-size: 14px; left: 1px; position: relative; width: 40px; } .dropdown-toggle.toggled-on:after { content: '\f0d8'; } .dropdown-toggle:hover, .dropdown-toggle:focus { background-color: transparent; border: none; color: #777; outline: none; outline-offset: -1px; } .dropdown-toggle:focus:after { border-color: transparent; } .dropdown-toggle, .menu-toggle { display: block; } .main-navigation .primary-menu .open .sub-menu > li > a { color: #333333; } .main-navigation .navbar-collapse, .main-navigation .navbar-collapse { max-height: 900px; } /* Small menu. */ .menu-toggle, .main-navigation.toggled .primary-menu { display: block; } .menu-toggle:focus { outline: 0; } .main-navigation ul .toggled-on { display: block; } @media screen and (min-width: 768px) { .dropdown-toggle, .main-navigation ul .dropdown-toggle.toggled-on, .menu-toggle { display: none; } .menu-toggle { display: none; } .main-navigation ul { display: block; float: right; } .main-navigation ul ul { float: left; position: absolute; /*top: 1.5em;*/ top: 100%; left: -999em; display: block; z-index: 99999; margin-left: 0; } .main-navigation ul ul ul { left: -999em; display: block; top: -1px; } .main-navigation ul ul a { min-width: 160px; } .main-navigation li { float: left; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; display: block; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; display: block; } .sub-menu { border: 1px solid #ccc; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .main-navigation .menu-item-has-children > a { margin: 0; padding-right: 2.25em; } .main-navigation .menu-item-has-children > a:after { content: '\f0d7'; font-family: FontAwesome; position: absolute; right: 1.125em; top: 0.8125em; } .main-navigation ul ul .menu-item-has-children > a { padding-right: 15px; } .main-navigation ul ul .menu-item-has-children > a:after { right: 0.5625em; top: 0.8em; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .main-navigation .primary-menu > li > .sub-menu { background-color: #ffffff; margin-top: 0; } } @media screen and (min-width: 800px) { .main-navigation ul ul a { min-width: 160px; } } /** * 3.2 Site Header * ---------------------------------------------------------------------------- */ .site-header{ background: #b0bec5; position: relative; width: 100%; margin-bottom: 3em; overflow: hidden; min-height: 120px; } .site-header .site-branding { margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; } .site-title { color: #fff; font-size: 3.5em; font-weight: 700; text-transform: uppercase; letter-spacing: 10px; margin-top: 0px; margin-bottom: 0px; text-shadow:rgba(255,255,255,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px; } .site-title::after{ background-color: #fff; content:""; height: 2px; display: block; width: 20%; margin: 10px auto; } .site-description { color: #fff; font-size: 1em; font-weight: 400; padding: 0.2em 0em; letter-spacing: 5px; text-transform: capitalize; margin-top: 0px; margin-bottom: 0px; text-shadow:rgba(255,255,255,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px; } .site-title a, .site-description a{ text-decoration: none; } .home-link{ text-decoration: none; } /** * 4.0 Main Content * ---------------------------------------------------------------------------- */ /* 4.1 Post-Content * ---------------------------------------------------------------------------- */ .sticky { } .sticky-post{ position: absolute; top:0; left: 15px; padding: 5px 15px; } .hentry { margin: 0 0 1.5em; } .post-content,.single-post-content,.post-comments,.comments-area{ background-color: white; clear: both; margin-bottom: 2em; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); } .entry-header,.entry-content,.entry-summary,.entry-footer{ padding: 0 4em; } .featured-image{ padding: 0.5em 0.5em; } .single-post-content{ padding: 0 4em; } .comments-area{ padding: 1.5em 4em; background: white; overflow: hidden; } .post-comments{ border-radius: 0px; border: none; padding: 2em; overflow: hidden; } .post-comments .comments-area{ background: white; padding: 1em 2em; overflow: hidden; box-shadow: none; } .post-content hr{ margin-top: 20px; margin-bottom: 20px; border-color: #B6B6B6; border-style: dotted; width: 100%; } .entry-content,.entry-header,.entry-meta,.entry-title, .entry-summary,.entry-footer{ width: 100%; word-wrap:break-word; overflow: hidden; } .entry-summary, .entry-content{ color: #424242; } .entry-header{ padding-top: 1em; padding-bottom: 1em; text-align: center; text-transform: uppercase; letter-spacing: 2px; } .entry-title{ margin-bottom: 14px; } .entry-header .entry-title a{ color: #212121; } .entry-meta{ clear: both; color: #727272; text-transform: capitalize; font-weight: 300; letter-spacing: 2px; } .entry-meta a{ clear: both; color: #727272; text-transform: capitalize; line-height: 1.7; } .entry-meta h5{ margin-top: 0px; margin-bottom: 0px; } .entry-header .entry-meta::after{ content:""; height: 2px; display: block; width: 50px; margin: 10px auto; } .taxonomy-description{ color: #455A64; text-align: center; } .byline{ text-transform: capitalize; } .byline a{ color: #727272; } .single .byline, .group-blog .byline { display: inline; } .entry-footer{ word-spacing: 3px; padding-bottom: 2.5em; } #category{ margin-top: 1em; margin-bottom: 1em; } .cat-links a, .tags-links a{ color: #727272; text-transform: capitalize; } .archive-page-title{ text-transform: capitalize; } .search-page-header,.archive-page-header{ margin-bottom: 1.5em; } .search-page-title,.archive-page-title{ color: #525252; text-align: center; letter-spacing: 2px; } .attachment img{ margin-left: auto; margin-right: auto; } .entry-summary,.entry-content{ text-align: justify; } .read-more{ margin-bottom: 1.2em; text-align: center; text-transform: uppercase; } /**Buttons**/ .btn-default{ border: none; border-radius: 0px; color: #212121; } .btn-default:hover, .btn-default:focus{ color: #fff; } .btn-default:visited{ color:#212121; } /*Image attachment*/ .image-attachment .entry-meta a{ color: #607D8B; text-decoration: underline; } .image-attachment .entry-content{ text-align: left; } /* * 4.2 Page and Post Navigation links * -------------------------------------------------------------- */ .page-links { clear: both; margin: 0 0 1.5em; } .nav-links{ background: #fff; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15); padding: 15px; text-align: center; margin-bottom: 2em; } .nav-links .fa{ color: #727272; } .nav-previous,.nav-next,.next-post,.prev-post{ background: #fff; color: #727272; font-weight: 400; text-transform: capitalize; padding: 1em; } .posts-navigation .next-post a,.posts-navigation .prev-post a{ font-size: 18px; } .next-post a,.prev-post a{ color: #424242; } .next-prev-text{ color: #727272; font-size: 14px; } /* * 4.3 Post Formats * ------------------------------------- */ /* Post Format = Status----------------------------------------------- */ .blog .format-status .entry-content, .archive .format-staus .entry-content{ background-color: #CFD8DC; padding-top: 2em; font-size: 16px; } .blog .format-status .entry-footer, .archive .format-staus .entry-footer{ background-color: #CFD8DC; } /* * 4.4 Gallery * ----------------------------------------- */ .gallery { margin-bottom: 1.6em; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-size: 11px; font-size: 1.1rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* * 4.5 Post-Comments * ------------------------------ **/ .comments-author .url{ text-transform: uppercase; } .avatar{ height: 50px; width: 50px; border-radius: 25px; } .comment-respond label { display: block; font-weight: normal; } .comment-metadata{ font-size: 0.8em; } .comment-list{ list-style: none; } .comment-list .depth-1{ margin: 20px 0px; border-bottom: 1px dotted #DDD; padding: 5px 0px 18px; } .comment-list .children{ list-style: none; } .comment-content{ margin-bottom: 0.3em; } .comment-respond #submit{ background-color: #455A64; background: -moz-linear-gradient(#607d8b, #455a64); background: -o-linear-gradient(#607d8b, #455a64); background: -webkit-linear-gradient(#607d8b, #455a64); background: linear-gradient(#607d8b, #455a64); color: white; border:none; border-radius: 4px; } .comment-respond{ padding-top: 5px; } .comment-metadata time{ color: #aaa; } .bypostauthor { } /** * 5.0 Sidebar - Widgets * ---------------------------------------------------------------------------- */ #secondary .widget{ background-color: white; color: #727272; font-size: 16px; margin-bottom: 2em; margin-left: auto; margin-right: auto; overflow: hidden; padding: 24px 24px 24px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); } #secondary .widget-title{ font-weight: 400; position: relative; } #secondary .widget-title{ margin-top: -24px; margin-left: -24px; margin-right: -24px; margin-bottom: 2em; padding: 1.5em 1.5em 0; text-transform: uppercase; } #secondary .widget-title::after{ content: ""; position: absolute; width: 50px; display: block; height: 4px; bottom: -15px; } #secondary .widget a{ color: #727272; } #secondary .widget .widget-title .rsswidget{ color: #212121; } .widget_rss li{ padding-top: 0.5em; padding-bottom: 0.5em; } #recentcomments li{ padding-top: 0.5em; padding-bottom: 0.5em; } .widget ul{ list-style: none; padding: 0em 1em; } #secondary .widget li{ border-bottom: 1px solid #ddd; padding: 0.5em 0; } #secondary .widget li:last-child{ border-bottom: none; } .widget ul ul { padding: 0 0 0 1em; } .widget th, .widget td { padding: 0.2em; text-align: left; } .widget select { max-width: 100%; } #secondary .widget hr{ border-color: #ddd; } #secondary .widget table caption{ color: #455A64; } #secondary .widget #recentcomments a{ color: #607D8B; } #secondary .widget .rsswidget{ color: #607D8B; } #secondary .widget .rsswidget img{ margin-top: 12px; } .widget_text img{ max-width: 100%; } .widget input[type="search"].search-field { width: -webkit-calc(100% - 35px); width: calc(100% - 35px); } .widget .search-submit:before { font-size: 16px; left: 1px; line-height: 35px; width: 34px; } .widget button.search-submit { padding: 0; width: 35px; } /* * 6.0 Site Footer * -------------------------------------------------------------------- */ .site-footer{ background-color: #222; color: white; min-height: 70px; font-size: 16px; padding: 1em; letter-spacing: 1px; } .site-info{ text-align: center; } .site-footer a{ color: white; } /* * 7.0 Media Queries * -------------------------------------------------------------------- */ @media (max-width: 900px){ body{ font-size: 16px } h1{ font-size: 26px; } h2{ font-size: 22px; } h3{ font-size: 18px; } h4{ font-size: 16px; } h5{ font-size: 14px; } h6{ font-size: 12px; } blockquote{ margin-left: 0.3em; } table { -ms-word-break: break-all; word-break: break-all; } .navbar-nav{ float: none; } .sticky-post{ padding: 3px 15px; } .entry-header,.entry-content,.entry-summary,.entry-footer{ padding: 1em 1.5em; } .entry-footer{ padding-bottom: 1em; } .featured-image{ padding: 0.5em 0.5em; } .single-post-content{ padding: 0 1.5em; } .post-comments,.comments-area{ border: none; box-shadow: none; padding: 1.2em 1em; overflow: hidden; width: 100%; } .comment-content table{ overflow: hidden; } .comment-list { padding: 10px; } .comment-list ol{ padding-left: 10px; } input,textarea,iframe{ width: 100%; } #submit,.search-submit{ width: auto; } th, td { padding: 0.2em; text-align: left; border: 1px solid #B6B6B6; } } @media (max-width: 767px) { body{ font-size: 16px } .site-header{ position: relative; width: 100%; min-height: 170px; margin-bottom: 2em; } .site-title { font-size: 2em; letter-spacing: 10px; } .site-title::after{ background-color: #fff; content:""; height: 1px; display: block; width: 20%; margin: 5px auto; } .site-description { font-size: 14px; letter-spacing: 1px; } .site-footer{ font-size: 14px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-top: none; } } @media (max-width: 359px) { .site-header{ position: relative; width: 100%; min-height: 100px; margin-bottom: 1.5em; } .site-title { font-size: 1.5em; letter-spacing: 2px; margin-top: 5px; margin-bottom: 3px; } .site-title ::after{ margin: 2px auto; } .site-description { font-size: 8px; letter-spacing: 0px; margin-top: 1px; margin-bottom: 2px; } } /** * 8.0 Print * ---------------------------------------------------------------------------- */ @media print { body { background: none !important; color: #000; font-size: 10pt; } .site { max-width: 98%; } .site-header { background-image: none !important; } .site-header .home-link { max-width: none; min-height: 0; } .site-title { color: #000; font-size: 21pt; } .site-description { font-size: 10pt; } .author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link { display: none; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0; width: 100%; } .page-title, .entry-title { font-size: 21pt; } .entry-meta, .entry-meta a { color: #444; font-size: 10pt; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .format-image .entry-content .size-full { margin: 0; } /* Remove colors from post formats */ .hentry { background-color: #fff; } /* Comments */ .comments-area > li.comment { background: none; position: relative; width: auto; } .comment-metadata { float: none; } .comment-author .fn, .comment-reply-link, .comment-reply-login { color: #333; } }