/* Theme Name: Analogous Theme URI: http://www.toolsiseek.com/analogous-theme/ Author: Tools I Seek Description: Analogous is a solid and clean, responsive blog theme, for sharing your ideas with the world. The theme supports features, images, has four widget areas and much more. Analogous also includes a full-width page template and a theme option for adding social media icons.. Version: 1.0 Author URI: www.toolsiseek.com/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: right-sidebar, custom-menu, full-width-template, translation-ready, black, white, green, responsive-layout, sticky-post, featured-images, translation-ready Text Domain: analogous This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @font-face { font-family: 'Alte Haas Grotesk'; src: url('fonts/AlteHaasGroteskRegular.ttf'); } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display:none; } a { background: 0 0; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .67em 0; } mark { background: #ff0; color: #333; } small { font-size: 100%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table, th, td { border: 1px solid #d1d1d1; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4375em; } h1, h2, h3, h4, h5, h6 { color: #333; font-family: Alte Haas Grotesk; font-weight: 600; line-height: 1.2; margin: 0 0 10px; overflow-wrap: break-word; } p { padding: 0; } input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #333; font-size: 18px; font-weight: 300; padding: 16px; outline-width: 0; box-sizing: border-box; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #2cb398; border: 0; color: #fff; cursor: pointer; font-size: 16px; font-weight: 300; padding: 16px 24px; text-transform: uppercase; width: auto !important; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus { background-color: #000; color: #fff; } img { max-width: 100%; height: auto; } /* =WordPress Core -------------------------------------------------------------- */ .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; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 14px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { box-shadow: 0px 0px 4px #999; border: 1px solid white; padding: 8px; background: #f2f2f2; } .gallery img:hover { background: white; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; } .sticky { background: #FAFAFA; border: 3px solid #E6E6E6; padding: 15px; } .category-sticky { background: #FAFAFA; border: 3px solid #E6E6E6; padding: 15px; } blockquote.alignleft { margin: 0.3157894737em 1.4736842105em 1.473684211em 0; } blockquote.alignright { margin: 0.3157894737em 0 1.473684211em 1.4736842105em; } blockquote.aligncenter { margin-bottom: 1.473684211em; } /** * 9.0 - Clearings */ .clear:before, .clear:after, blockquote:before, blockquote:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .site-main > article:before, .site-main > article:after, .primary-menu:before, .primary-menu:after, .social-links-menu:before, .social-links-menu:after, .textwidget:before, .textwidget:after, .content-bottom-widgets:before, .content-bottom-widgets:after { content: ""; display: table; } .clear:after, blockquote:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .site-main > article:after, .primary-menu:after, .social-links-menu:after, .textwidget:after, .content-bottom-widgets:after { clear: both; } blockquote { font-family: Georgia, serif; font-size: 18px; font-style: italic; width: 450px; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position: relative; color: #383838; background: #ececec; } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -10px; top: -10px; color: #7a7a7a; } blockquote cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; } blockquote cite:before { content: "\2014 \2009"; } pre, code { direction: ltr; text-align: left; } pre { border: solid 1px eee; font-size: 1.3 em; color: #000; margin: 10px; padding: 10px; background: #eee } code { font-size: 1.2em; color: #008099; } /* 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: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. */ } body { background-color: #f5f5f5; color: #333; font-family: Alte Haas Grotesk; font-size: 16px; font-weight: 400; line-height: 1.625; margin: 0; } a { color: #2cb398; text-decoration: none; } a:hover { color: #000; } .screen-reader-text { display: none !important; } .analogous_page_container { padding: 0 6.5%; } .analogous_header_container { background: #fff; width: 100%; text-align: center; float: left; } .analogous_header_container::before, .analogous-top-bar-menu::before, .analogous_wrapper::before, .analogous_body_container::before, .analogous_content_container::before, pagination_bar::before, .analogous_footer_container::before, .analogous_social_icons::before { content: " "; display: table; } .analogous_header_container::after, .analogous-top-bar-menu::after, .analogous_wrapper::after, .analogous_body_container::after, .analogous_content_container::after, .pagination_bar::after, .analogous_footer_container::after, .analogous_social_icons::after { clear: both; content: " "; display: table; } .analogous_header_container .analogous_wrapper { padding: 40px 0px; } .analogous_wrapper { max-width: 100%; } .analogous_logo_area { padding: 10px 0; } .analogous_logo_area img { width: auto; } .analogous-title-logo { font-size: 48px; font-weight: 400; line-height: 1.2; margin-bottom: 0; } .analogous-title-logo a { color: #2cb398; text-decoration: none; } .analogous-title-logo a:hover { text-decoration: none; } .analogous-tagline { font-size: 16px; font-weight: 300; line-height: 1.5; } .analogous-top-bar-menu ul { padding-left: 0; list-style: none; line-height: 3; clear: both; font-size: 18px; margin: 0; padding: 0; } .analogous-top-bar-menu { background: #2cb398; text-align: center; margin: 6px 0; float: left; width: 100%; font-family: Alte Haas Grotesk; } .analogous-top-bar-menu ul li.current-menu-item ul a { color: #fff; } .analogous-top-bar-menu:first-child { margin-top: 0; } .analogous-top-bar-menu ul li { display: inline-block; padding: 10px 0; } .analogous-top-bar-menu ul li:last-child a { border-right: 0; } .analogous-top-bar-menu ul li a { color: #fff; text-decoration: none; display: block; padding: 10px 24px; font-size: 18px; font-weight: 600; line-height: 1; border-right: 2px solid #fff; } .analogous-top-bar-menu ul li a:hover, .analogous-top-bar-menu ul li a:focus, .analogous-top-bar-menu ul li a:active { color: #000000; text-decoration: none; } .analogous_body_container { clear: both; background: #fff; } .analogous-top-bar-menu ul { margin: 0; padding: 0; list-style-type: none; clear: both; /* only needed if you have not done a CSS reset */ } .analogous-top-bar-menu li { vertical-align: top; display: inline-block; text-align: left; /* this should be the same as your .analogous-top-bar-menu height */ margin: 15px 1px 10px 0; padding: 0; /* only needed if you don't have a reset */ position: relative; /* this is needed in order to position sub menus */ } .analogous-top-bar-menu .current-menu-item a, .analogous-top-bar-menu .current_page_item a, .analogous-top-bar-menu a:hover { color: #000; text-decoration: none; } .analogous-top-bar-menu ul ul { /* this targets all sub menus */ display: none; /* hide all sub menus from view */ position: absolute; top: 55px; /* this should be the same height as the top level menu -- height + padding + borders */ z-index: 99; } .analogous-top-bar-menu ul ul li { /* this targets all submenu items */ float: none; /* overwriting our float up above */ width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */ margin: 0 1px 0 0; padding: 0; border-bottom: 1px solid #fff; } .analogous-top-bar-menu ul ul li a { /* target all sub menu item links */ padding: 7px 16px; /* give our sub menu links a nice button feel */ background: #2cb398; line-height: 40px; width: 200px; } .analogous-top-bar-menu ul li:hover > ul { display: block; /* show sub menus when hovering over a parent */ } .analogous-top-bar-menu ul ul li ul { /* target all second, third, and deeper level sub menus */ left: 233px; /* this needs to match the sub menu width set above -- width + padding + borders */ top: 0; /* this ensures the sub menu starts in line with its parent item */ } /*Display the dropdown on hover*/ .analogous-top-bar-menu ul li a:hover + .hidden, .hidden:hover { display: block; } /*Style 'show menu' label button and hide it by default*/ .analogous-top-bar-menu .show-main-menu { text-decoration: none; color: #000; position: relative; text-align: center; padding: 10px 0; display: none; margin: 0 auto; } /*Hide checkbox*/ .analogous-top-bar-menu input[type=checkbox] { display: none; } /*Show menu when invisible checkbox is checked*/ .analogous-top-bar-menu input[type=checkbox]:checked ~ #menu-main { display: block; } /*--------------------------------------------------------Sec----------------------------------------------------------*/ .analogous-top-bar-menu-sec { background: #2cb398; text-align: center; margin: 6px 0; float: left; width: 100%; font-family: Alte Haas Grotesk; } .analogous-top-bar-menu-sec:first-child { margin-top: 0; } .analogous-top-bar-menu-sec ul { padding-left: 0; list-style: none; line-height: 3; clear: both; font-size: 18px; margin: 0; padding: 0; } .analogous-top-bar-menu-sec ul li { display: inline-block; padding: 10px 0; } .analogous-top-bar-menu-sec ul li a { color: #fff; text-decoration: none; display: block; padding: 10px 24px; font-size: 18px; font-weight: 600; line-height: 1; border-right: 2px solid #fff; } .analogous-top-bar-menu-sec ul li a:hover, .analogous-top-bar-menu-sec ul li a:focus, .analogous-top-bar-menu-sec ul li a:active { color: #000000; text-decoration: none; } .analogous-top-bar-menu-sec ul li:last-child a { border: 0; } .analogous-top-bar-menu-sec ul { margin: 0; padding: 0; list-style-type: none; clear: both; /* only needed if you have not done a CSS reset */ } .analogous-top-bar-menu-sec li { vertical-align: top; display: inline-block; text-align: left; /* this should be the same as your .analogous-top-bar-menu-sec height */ margin: 15px 1px 10px 0; padding: 0; /* only needed if you don't have a reset */ position: relative; /* this is needed in order to position sub menus */ } .analogous-top-bar-menu-sec .current-menu-item a, .analogous-top-bar-menu-sec .current_page_item a, .analogous-top-bar-menu-sec a:hover { color: #000; text-decoration: none; } .analogous-top-bar-menu-sec ul ul { /* this targets all sub menus */ display: none; /* hide all sub menus from view */ position: absolute; top: 55px; /* this should be the same height as the top level menu -- height + padding + borders */ z-index: 99; } .analogous-top-bar-menu-sec ul ul li { /* this targets all submenu items */ float: none; /* overwriting our float up above */ /* set to the width you want your sub menus to be. This needs to match the value we set below */ margin: 0 0 0 0; padding: 0; border-bottom: 1px solid #fff; } .analogous-top-bar-menu-sec ul ul li a { /* target all sub menu item links */ padding: 7px 15px; /* give our sub menu links a nice button feel */ background: #2cb398; line-height: 40px; width: 200px; } .analogous-top-bar-menu-sec ul li:hover > ul { display: block; /* show sub menus when hovering over a parent */ } .analogous-top-bar-menu-sec ul ul li ul { /* target all second, third, and deeper level sub menus */ left: 230px; /* this needs to match the sub menu width set above -- width + padding + borders */ top: 0; /* this ensures the sub menu starts in line with its parent item */ border-left: 1px solid #fff; } /*Display the dropdown on hover*/ .analogous-top-bar-menu-sec ul li a:hover + .hidden, .hidden:hover { display: block; } /*Style 'show menu' label button and hide it by default*/ .analogous-top-bar-menu-sec .show-main-menu-sec { text-decoration: none; color: #000; position: relative; text-align: center; padding: 10px 0; display: none; margin: 0 auto; } /*Hide checkbox*/ .analogous-top-bar-menu-sec input[type=checkbox] { display: none; } /*Show menu when invisible checkbox is checked*/ .analogous-top-bar-menu-sec input[type=checkbox]:checked ~ #menu-main-sec { display: block; } .analogous_body_content { float:left; width:70%; } .analogous_body_content.analogous_body_sidebar { float: left; width: 70%; padding: 40px 0; border-right: 2px solid #eee; } .analogous_body_content.analogous-detail-page { float: left; width: 70%; padding: 40px 0; } .analogous_body_content.analogous-detail-post { float: left; width: 70%; padding: 40px 0; } .analogous_body_content.analogous-detail-page .analogous_content_container { border-bottom: 0; padding: 0px 0; } .analogous_body_content.analogous-detail-post .analogous_content_container { padding: 0px 0; } .analogous_body_content.analogous_body_fullwidth .analogous_content_container { border: 0; padding: 40px 0; } .analogous_body_content.contact { float: left; width: 70%; border-right: 2px solid #eee; padding: 40px 0; } .analogous_body_content.analogous_body_fullwidth { width: 100%; border: 0; padding: 40px 0; } .analogous_body_content ul, .analogous_body_content ol { margin: 0; } .analogous_body_content ul, .analogous_body_content ol { margin: 0; } .analogous_sidebar ul, .analogous_sidebar ol { margin: 0; padding: 0; } .analogous_analogous_footer_container_up ul { padding: 0; } .analogous_body_content.analogous_body_fullwidth .analogous_content_container { border: 0; } .analogous_content_area { background: #fff; margin-bottom: 0px; padding: 25px 43px; } .analogous_content_container { border-bottom: 2px solid #eee; padding-bottom: 15px; overflow-wrap: break-word; } .analogous_content_container img { padding-bottom: 15px; } .analogous_content_container p img { padding-bottom: 0px; } .contact .analogous_content_container { border: 0; } .analogous_content_container textarea { height: 200px; width: 100%; } .analogous_content_container label { width: 100%; display: block; margin-bottom: 5px; box-sizing: border-box; font-variant: small-caps; text-transform: capitalize; font-size: 22px; } .analogous_content_container input[type="text"], .analogous_content_container input[type="email"], .analogous_content_container textarea { width: 100%; box-sizing: border-box; } .contact input[type="text"], .contact input[type="email"], .contact textarea { box-sizing: border-box; margin-bottom: 20px; width: 100%; } .content_404 .analogous_content_area { padding: 0 0; width: 100%; text-align: center; } .analogous_content_area.detail-post { padding-bottom: 0; } h3#respond { text-align: left; } .analogous_content_container_404 { width: 100%; background: #000000; height: 260px; float: left; padding: 100px 0 0px 0; } .analogous_content_container_404 h2 { color: #fff; font-size: 72px; } .analogous_content_container_404 .content_heading { color: #fff; font-size: 72px; } .analogous_content_container_404_body { width: 100%; float: left; padding: 100px 0; } .text_404 { width: 80%; text-align: center; margin: 0 auto; } .content_heading { font-size: 36px; font-variant: small-caps; text-transform: capitalize; } .content_heading a { color: #333; text-decoration: none; } .content_heading a:hover { text-decoration: none; } .analogous_content_area.contact .content_heading { text-align: center; } .analogous_content_pub { font-size: 16px; margin-bottom: 24px; font-weight: 500; } .analogous_content_pub a, .analogous_footer_container p a, .analogous_sidebar li a, .analogous_sidebar2 li a { color: #0a8a88; text-decoration: none; } .analogous_body_content.analogous-detail-post .analogous_content_container_footer .analogous_content_pub { border: 0; padding-bottom:0; } .analogous_body_content.analogous-detail-post .analogous_content_area { padding-bottom:0;} .analogous_content_pub a:hover, .analogous_sidebar li a:hover, .analogous_sidebar2 li a:hover { color: #333; text-decoration: none; } .analogous_content_container_footer .analogous_content_pub { border-bottom: 2px solid #eee; padding: 24px 0; } .analogous_content_container_footer .analogous_content_pub .time_pub { font-weight: bold; } .analogous_content_area.auth_about { color: #fff; display: table; width: 92%; box-sizing: border-box; margin: 0 auto; padding: 25px 0px; border-top: 2px solid #eee; border-bottom: 2px solid #eee; } .comment_box { float: left; width: 100%; } .comment_auth img { padding-bottom: 0; } .authorarea.comments { float: left; width: 100%; } .comm_dec { float: left; width: 88%; padding: 0 0 0 100px; margin: 0px 0 25px; border-bottom: 2px solid #2cb398; } .analogous_content_area.auth_about .analogous_content_container { border-bottom: 0; padding: 10px; background: #2cb398; } .author_info { float: left; margin-left: 3%; width: 80%; } .author_info h4 { text-transform: capitalize; font-size: 18px; } .analogous_content_area.auth_about a { color: #fff; } .analogous_content_area.auth_about a:hover { color: #000; } .author_img { float: left; } .commentlist .bypostauthor { border-top: 10px solid #e18728; } .commentlist li ul.children li.bypostauthor { border-top: 10px solid #e18728; } .pagination_bar { clear: both; text-align: right; padding: 0px 0 50px; } .pagination_bar li { list-style: none; display: inline; } .pagination_bar .page-numbers { background-color: #333; color: #fff; cursor: pointer; font-size: 16px; padding: 8px 12px; border-radius: 20px; width: 15px; text-decoration: none; } .pagination_bar a.next.page-numbers { background: none; color: #000; font-size: 20px; } .pagination_bar a.next.page-numbers:hover, a.next.page-numbers:focus { background: none; color: #2cb398; } .pagination_bar .prev { background: none; color: #000; font-size: 20px; } .pagination_bar .prev.page-numbers:hover, .prev.page-numbers:focus { background: none; color: #2cb398; } .pagination_bar .page-numbers:hover, .pagination_bar .page-numbers:focus, .pagination_bar .current { background-color: #2cb398; text-decoration: none; } .pagination_bar ul { padding: 0; } .sidebar { width: 25%; float: right; font-size: 16px; padding: 40px 30px; font-family: Alte Haas Grotesk; } .sidebar li { border-bottom: 1px dotted #ddd; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; font-weight: 600; } .siderbar_widget { background-color: #fff; margin-bottom: 40px; padding: 25px 2px; word-wrap: break-word; border-bottom: 1px solid #eee; float: left; width:100%; } .sidebar .newsletter { background: #333; padding: 40px; } .newsletter li { border: 0 !important; } .sidebar2 .newsletter { background: #333; } .newletter_area h3, .newsletter_area p { color: #fff; } .sidebar2 .analogous_sidebar_widget_title { font-size: 18px; margin-bottom: 20px; } .sidebar_widget_title { font-size: 26px; margin-bottom: 20px; font-family: Alte Haas Grotesk; font-weight: 600; border-bottom: 1px solid #eee; padding-bottom: 15px; font-variant: small-caps; text-transform: capitalize; } .siderbar_widget input { font-size: 16px; margin-bottom: 16px; box-sizing: border-box; } .siderbar_widget input, .siderbar_widget input:focus { border: 1px solid #333; } .siderbar_widget input:hover[type="submit"], .siderbar_widget input:focus[type="submit"] { background-color: #000; color: #fff; } .siderbar_widget:last-child { border-bottom: 0; } .siderbar_widget ul li:last-child { border-bottom: 0; } .sidebar ul { padding: 0; } .analogous_search_form { padding: 12px 0 0 10px; border: 2px solid #eee; float: left; text-align: center; display: table; box-sizing: border-box; } .search-text { float: left; color: #2cb398; font-size: 20px; font-weight: 600; width: 65px; } span.search_section { width: 78%; text-align: center; margin: 0 auto; display: inline-block; box-sizing: border-box; } #subbutton { width: 18px !important; height: 20px; padding: 0; cursor: pointer; float: left; margin-top: 10px; border: none !important; background: url(images/search.png) no-repeat; background-size: 18px; box-shadow: none; border-radius: 0; position: relative; left: 30px; min-width: 0; } #reset { width: 18px !important; height: 20px; padding: 0; cursor: pointer; float: right; color: #2cb398; margin-top: 5px; border: none !important; background: url(images/reset.png) no-repeat; background-size: 18px; box-shadow: none; border-radius: 0; position: relative; right: 30px; min-width: 0; } input#search { background: #2cb398; height: 30px; border-radius: 20px; width: 84%; padding-left: 30px; margin-bottom: 0; } .analogous_social_icons ul { margin: 0; padding: 0; } .analogous_social_icons li { border: none !important; display: inline-block; list-style-type: none !important; margin: 0 6px 0 4px; padding: 0 !important; } .analogous_social_icons li a:hover img { opacity: 0.6; } .comment-form-author { width: 49%; float: left; } .comment-form-email { width: 49%; float: left; margin-left: 2%; } .analogous_analogous_footer_container_up { background-color: #084b3e; color: #fff; font-size: 18px; line-height: 1; padding: 40px 0 0 0; text-align: center; } .analogous_analogous_footer_container_up input[type="text"], .analogous_analogous_footer_container_up input[type="email"], .analogous_analogous_footer_container_up textarea { width: auto; box-sizing: border-box; } .analogous_footer_inner { width: 20%; float: left; margin-left: 50px; padding-top: 25px; } .analogous_footer_inner .analogous_social_icons li { margin: 0 6px 0 0px; } .analogous_footer_inner:last-child { float: left; width: 18%; margin-right: 35px; text-align: left; } .analogous_footer_inner ul li a { color: #fff; text-decoration: none; } .analogous_footer_inner ul li a:hover { color: #59dcee; } .analogous_footer_inner:first-child { margin-left: 2%; padding: 16px; } .analogous_footer_inner:first-child h4 { padding: 60px 0 20px; text-align: center; border-top: 1px solid #2cb398; } .analogous_footer_widget1 .analogous-title-logo { font-size: 24px; } .analogous_footer_widget1 .analogous_logo_area { width: auto; padding-bottom: 25px; } .analogous_footer_widget1 .analogous-title-logo a { color: #2cb398; text-decoration: none; } .analogous_footer_widget1 .analogous-title-logo a:hover { color: #2cb398; text-decoration: none; } .analogous_footer_inner .analogous-tagline { color: #2cb398; } .analogous_footer_widget2 .analogous-tagline { font-size: 14px; color: #2cb398; } .analogous_footer_widget2 ul { padding-bottom: 30px; border-bottom: 1px solid #2cb398; margin-bottom: 30px; list-style-type: none; } .analogous_footer_widget2 ul:last-child li { padding: 18px 0; border-bottom: 1px solid #2cb398; } .analogous_footer_widget2 ul li:last-child { border: 0; } .analogous_footer_widget2 h4 span { padding-bottom: 20px; border-bottom: 1px solid #2cb398; } .analogous_footer_widget2 { text-align: left; } .analogous_footer_inner h4 { padding-bottom: 25px; color: #2cb398; font-size: 16px; text-align: left; text-transform: uppercase; } .analogous_footer_widget2 { text-align: left; } .analogous_footer_widget2 ul li:last-child { padding-bottom: 0px; text-align: left; } .analogous_footer_widget2 ul:last-child { border: none; } .analogous_footer_widget3.analogous_footer_inner { text-align: left; } .analogous_footer_widget3 ul { list-style-type: none; } .analogous_footer_widget3 ul li { text-align: left; padding: 20px 0px; border-bottom: 1px solid #2cb398; } .analogous_footer_widget3 ul li a { text-align: left; padding: 20px 0px; line-height: 1.2; } .analogous_footer_widget3 ul li:last-child { border-bottom: 0; } .analogous_footer_widget3 h4 span { padding-bottom: 20px; border-bottom: 1px solid #2cb398; } .analogous_footer_widget4 ul { list-style-type: none; } .analogous_footer_widget4 ul li { text-align: left; padding: 20px 0px; border-bottom: 1px solid #2cb398; } .analogous_footer_widget4 ul li a { text-align: left; padding: 20px 0px; } .analogous_footer_widget4 ul li:last-child { border-bottom: 0; } .analogous_footer_widget4 h4 span { padding-bottom: 20px; border-bottom: 1px solid #2cb398; } .analogous_footer_container { background-color: #000; font-size: 16px; line-height: 1; padding: 40px 0; text-align: center; color: #FFF } .analogous_footer_container p { margin-bottom: 0; color: #2cb398; } .analogous_footer_container p a:hover { color: #fff; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*----------------------------------------------------------------------Responsive Page Css----------------------------------------------------------------------*/ @media only screen and (max-width: 450px) { .analogous_logo_area img { width: 100%; } span.search_section { width: 75%; float: left; } input#search { width: 78%; } .search-text { font-size: 18px; width: 55px; } } @media only screen and (max-width: 1490px) { .analogous_header_container { text-align: center; } .analogous_header_container .analogous_wrapper { padding: 20px 5%; } .analogous_wrapper { padding: 20px 5%; } .analogous_logo_area { width: 100% !important; text-align: center; display: table; padding: 20px 0 0; } .top-menu { float: left; text-align: center; width: 100% !important; } .analogous-top-bar-menu { float: left; text-align: center; } #menuContainer li a { margin: 20px 16px; } #main-menu-wrap ul a { padding: 15px 0px 12px 45px; text-align: center; } #main-menu-wrap ul li:first-child a { padding-left: 15px; } .analogous-top-bar-menu .main-menu .menu-list a { line-height: 1; padding: 18px 24px; } .analogous_body_container { clear: none; padding-top: 0px; background: #fff; } .analogous_body_content { float: left; width: 100%; border: 0; padding-bottom: 5px; } .analogous_body_content.analogous_body_sidebar { float: left; width: 100%; border: 0; padding-bottom: 5px; } .analogous_body_content.analogous-detail-page { float: left; width: 100%; border: 0; padding-bottom: 5px; } .analogous_body_content.contact { float: left; width: 100%; border: 0; padding-bottom: 5px; } .analogous_content_area { padding: 20px 0%; margin-bottom: 0; } .analogous_search_form{ width:100%;} .pagination_bar { margin: 0 3%; text-align: right; padding: 0 0 40px; } .sidebar { margin-top: 0px; width: 100%; float: left; padding: 0 0 25px; border: 0; } .siderbar_widget { margin-bottom: 0; padding: 40px 0; width: 100%; } .analogous_footer_container { padding: 30px 0 25px 0; } .analogous_footer_inner { padding-top: 0; width: 100%; margin: 5% 0; border-bottom: 1px solid #FFF; } .analogous_footer_inner:last-child { border: 0; } .analogous_footer_inner:first-child { padding: 0; margin-left: 0; } .analogous_footer_inner h4 { text-align: center; } .analogous_footer_widget1 .analogous_logo_area { width: auto; padding: 35px 0px; } .analogous_footer_widget2 { text-align: center; } .analogous_footer_widget2 ul li:last-child { text-align: center; } .analogous_footer_widget3.analogous_footer_inner { margin-left: 0; text-align: center; padding: 0 0 20px; } .analogous_footer_widget3 ul { padding: 0; } .author_info { width: 80%; } .analogous_footer_widget3 ul li, .analogous_footer_widget4 ul li { text-align: center; } .analogous_footer_inner:last-child { float: left; width: 100%; text-align: center; } /*Responsive Styles*/ .analogous-top-bar-menu ul li:hover > ul { display: inline-block; } .analogous-top-bar-menu ul ul { position: relative; top: 5px; left: 9px; } /*Make dropdown links appear inline*/ .analogous-top-bar-menu ul { position: static; display: none; line-height: 0; } /*Create vertical spacing*/ .analogous-top-bar-menu ul li { display: block; padding: 27px 0; border-bottom: 1px solid #eee; } .analogous-top-bar-menu ul li:last-child { border-bottom: 0; } .analogous-top-bar-menu ul li a { padding: 0px 24px; } .analogous-top-bar-menu ul ul li a { padding: 0px 8px; line-height: 33px; } .analogous-top-bar-menu ul li a { padding: 0; border-right: 0; } /*Make all menu links full width*/ .analogous-top-bar-menu ul li, li a { position: relative; text-align: center; } .analogous-top-bar-menu ul ul li { border: 0; } .analogous-top-bar-menu ul ul li a:hover { color: #000; } .analogous-top-bar-menu li ul li a { width: auto; } .analogous-top-bar-menu ul ul li ul { left: 25px; top: 0; } /*Display 'show menu' link*/ .analogous-top-bar-menu .show-main-menu { display: block; display: block; width: 70%; cursor: pointer; margin: 0 auto; background-position: 90% 50%; } /*-------------------------------------------------------top-menu-bar-sec--------------------------------------------------------------------------*/ /*Responsive Styles*/ .analogous-top-bar-menu-sec ul li:hover > ul { display: inline-block; } /*Make dropdown links appear inline*/ .analogous-top-bar-menu-sec ul { position: static; display: none; line-height: 0; } /*Create vertical spacing*/ .analogous-top-bar-menu-sec ul li { display: block; padding: 27px 0; border-bottom: 1px solid #eee; } .analogous-top-bar-menu-sec ul li:last-child { border-bottom: 0; } .analogous-top-bar-menu-sec ul li a { padding: 0; border-right: 0; } .analogous-top-bar-menu-sec ul ul li a { padding: 0px 16px; line-height: 33px; } .analogous-top-bar-menu-sec ul ul li ul { border: 0; } /*Make all menu links full width*/ .analogous-top-bar-menu-sec ul li, li a { width: 100%; position: relative; text-align: center; } .analogous-top-bar-menu-sec ul ul { position: relative; top: 5px; left: 9px; } .analogous-top-bar-menu-sec ul ul li { border: 0; } .analogous-top-bar-menu-sec ul ul li a:hover { color: #000; } .analogous-top-bar-menu-sec li ul li a { width: auto; min-width: 150px; } .analogous-top-bar-menu-sec ul ul li ul { left: 25px; } /*Display 'show menu' link*/ .analogous-top-bar-menu-sec .show-main-menu-sec { display: block; display: block; width: 70%; cursor: pointer; margin: 0 auto; background-position: 90% 50%; } } @media only screen and (max-width: 1220px) { .analogous_wrapper { max-width: 960px; padding: 0px 2%; } .analogous_logo_area { width: 310px; } .top-menu { width: 650px; } .analogous_social_icons li { margin: 0 6px 0 1px; } } @media all and (max-width: 1500px) and (min-width: 1140px) { input#search { background: #2cb398; height: 30px; border-radius: 20px; width: 95%; padding-left: 30px; margin-bottom: 0; } } @media all and (max-width: 1139px) and (min-width: 960px) { input#search { background: #2cb398; height: 30px; border-radius: 20px; width: 94%; padding-left: 30px; margin-bottom: 0; } } @media all and (max-width: 959px) and (min-width: 825px) { input#search { background: #2cb398; height: 30px; border-radius: 20px; width: 93%; padding-left: 30px; margin-bottom: 0; } } @media all and (max-width: 824px) and (min-width: 772px) { input#search { background: #2cb398; height: 30px; border-radius: 20px; width: 92%; padding-left: 30px; margin-bottom: 0; } } @media all and (max-width: 771px) and (min-width: 625px) { input#search { background: #2cb398; height: 30px; border-radius: 20px; width: 90%; padding-left: 30px; margin-bottom: 0; } } @media all and (max-width: 624px) and (min-width: 500px) { input#search { background: #2cb398; height: 30px; border-radius: 20px; width: 87%; padding-left: 30px; margin-bottom: 0; } } @media all and (max-width: 624px) and (min-width: 500px) { input#search { background: #2cb398; height: 30px; border-radius: 20px; width: 87%; padding-left: 30px; margin-bottom: 0; } } @media only screen and (max-width: 800px) { .analogous_wrapper { padding: 0 5% 0 5%; } .comm_dec { padding-left:0;} .author_info { margin-left:0;} }