/* Theme Name: blog_and_blog Sultan Author: WP-Sultan Author URI: http://wp-sultan.com/ Description: blog_and_blog is a responsive WordPress blog and news theme made for bloggers. Its elegant and minimalistic look make its an attractive theme for writers who wish to write about their view on food, fashion, travel, clothing, movies or their lifestyle in general. blog_and_blog is of course modern in the ways that it is both fast and search engine optimized (SEO friendly) as a theme should be nowadays. The sidebar allows widgets, adsense affiliate links or whatever else you wish to put there. Installing and setting up the theme is simple for any author, we have tried to optimise the user friendliness by making the interface clean and so it as easy as possible to set up and start using. If the business aspect is important for you, for example if you are using it as a newspaper or personal writing/journalist portfolio then it's great since your website is able to rank everywhere on the internet with our theme, for example in Yahoo, Bing or Google. Version: 1.4.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-3.0.en.html Text Domain: blog_and_blog Tags: blog, news, right-sidebar, post-formats, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, sticky-post, translation-ready, two-columns, custom-header, footer-widgets, theme-options, entertainment This theme, like WordPress, is licensed under the GPL v2 or later. Use it to make something cool, have fun, and share what you've learned with others. */ body, code, html, kbd, pre, samp { font-family: Lato, 'helvetica neue', helvetica, arial } hr, img, legend { border: 0 } legend, td, th { padding: 0 } pre, textarea { overflow: auto } address, blockquote, p { margin: 0 0 1.5em } img, pre, select { max-width: 100% } body { color: #fff } a { color:#000; text-decoration:underline; } .aligncenter, .clear:after, .clearfix:after, .comment-content:after, .entry-content:after, .page-links, .site-content:after, .site-footer:after, .site-header:after { clear: both } ins, mark { text-decoration: none } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; box-sizing: border-box } body { font-weight: 400; font-size: 16px; line-height: 1.625; margin: 0; background-color: #fff } article, aside, details, figcaption, figure, footer, header, main, menu, 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 } abbr[title] { border-bottom: 1px dotted } b, optgroup, strong { font-weight: 700 } cite, dfn, em, i { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { height: auto } svg:not(:root) { overflow: hidden } hr { box-sizing: content-box; background-color: #ccc; height: 1px; margin-bottom: 1.5em } code, kbd, pre, samp { font-size: 1em } button, input, optgroup, select, textarea { font: inherit; margin: 0; color: #333; font-size: 16px; font-size: 1rem; line-height: 1.5 } code, kbd, pre, tt, var { font-family: Lato, 'helvetica neue', helvetica, arial } 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[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-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } textarea { width: 100% } form label { width: 100%; margin-bottom: 10px; display: inline-block; text-transform: uppercase } h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 400; margin-bottom: 15px } article h1, article h2, article h3, article h4, article h5, article h6 { color: #000; line-height: 140%; font-weight: 400; margin-bottom: 15px; font-family: Merriweather, lato, 'helvetica neue', helvetica, arial; } pre { background: #eee; font-size: 15px; font-size: .9375rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em } code, kbd, tt, var { font-size: 15px; font-size: .9375rem } abbr, acronym { border-bottom: 1px dotted #666; cursor: help } ins, mark { background: #fff9c0 } big { font-size: 125% } *, :after, :before { box-sizing: inherit } blockquote { background: rgba(0, 0, 0, 0.1); border-left: 6px solid rgba(0, 0, 0, 0.2); padding: .5em 10px } blockquote:after, blockquote:before, q:after, q:before { content: "" } ol, ul { margin: 0 0 1.5em 1em } ul { list-style: disc } ol { list-style: decimal } li>ol, li>ul { margin-bottom: 0; margin-left: 10px } article li>ol, article li>ul { padding-left:0px; } article ol, article ul { padding-left:0; margin-left:25px; } dt { font-weight: 700 } dd { margin: 0 1.5em 1.5em } figure { margin: 1em 0 } table { border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em; width: 100% } button, input[type=button], input[type=reset], input[type=submit] { color: #fff; font-size: 16px; line-height: 1.5; padding: 10px 20px; font-weight: 700; border: none; border-radius: 3px; background: #06C } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { opacity: .9; border-color: #ccc #bbb #aaa } button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=reset]:active, input[type=reset]:focus, input[type=submit]:active, input[type=submit]:focus { border-color: #aaa #bbb #bbb } input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], input[type=number], input[type=search], textarea { color: #666; border: 1px solid #e5e6e9; padding: 16px } select { border: 1px solid #ccc } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, input[type=number]:focus, input[type=search]:focus, textarea:focus { color: #111 } a { outline: 0; transition: all .10s linear } a:active, a:hover { outline: 0 } .main-navigationigation { display: block; float: left; width: 100% } .main-navigationigation ul { display: none; list-style: none; margin: 0; padding-left: 0 } .main-navigationigation ul li { float: left; position: relative } .main-navigationigation ul li a { display: block; text-decoration: none } .main-navigationigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, .2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999 } .main-navigationigation ul ul ul { left: -999em; top: 0 } .main-navigationigation ul ul a { width: 200px } .main-navigationigation ul li.focus>ul, .main-navigationigation ul li:hover>ul { left: auto } .main-navigationigation ul ul li.focus>ul, .main-navigationigation ul ul li:hover>ul { left: 100% } @media screen and (min-width:37.5em) { .nav-#secondary-site-navigation { display: none } .main-navigationigation ul { display: block } } .site-main .comment-navigation, .site-main .post-navigation, .site-main .posts-navigation { margin: 0 0 1.5em; overflow: hidden } .comment-navigation .nav-previous, .post-navigation .nav-previous, .posts-navigation .nav-previous { float: left; width: 50% } .comment-navigation .nav-next, .post-navigation .nav-next, .posts-navigation .nav-next { float: right; text-align: right; width: 50% } #content[tabindex="-1"]:focus { outline: 0 } .alignleft { display: inline; float: left; margin-right: 1.5em } .alignright { display: inline; float: right; margin-left: 1.5em } .aligncenter { display: block; margin-left: auto; margin-right: auto } .hentry, .page-links { margin: 0 0 1.5em } .clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before { content: ""; display: table; table-layout: fixed } .sticky { display: block } .updated:not(.published) { display: none } .comment-content a { word-wrap: break-word } .comment-form label { margin-bottom: 10px; display: inline-block; text-transform: uppercase } .bypostauthor { display: block } .comments-area { width: 100% } .comment-respond .comment-form { width: 100%; box-sizing: border-box } .comments-area .comment-meta, .comments-area .comment-respond { position: relative } .comments-area .comments-title { margin-bottom: 30px; color: #222; font-size: 30px } .comments-area .comment-meta .comment-metadata a { color: #999 } .comment-meta .vcard img { float: left; margin-right: 14px } .comments-area .comment-author { line-height: normal; font-size: 16px; font-weight: 700; margin-bottom: 0 } .comments-area .comment-author .fn a { color: #222 } .comments-area .comment-content { padding: 20px 0 0 45px; } .comments-area .reply .comment-reply-link i { font-size: 12px } .comments-area .comment-content p { margin-bottom: 5px } .comments-area p.form-submit { margin-bottom: 0; padding-bottom: 10px } .comments-area p.form-submit input { padding: 10px 15px; border-radius: 5px; background: #2d2d2d80; font-weight: 700; font-size: 15px; color: #fff; margin: auto; display: inline-block; text-decoration: none; } .comments-area ol.comment-list>li:last-child { margin-bottom: 0 } .comments-area ol.comment-list>li { width: 100%; border-bottom: 3px solid #000 } #comments li.comment.parent article .reply, .author-highlight li.bypostauthor article .reply { padding-bottom: 0 } .comments-area ol.comment-list ol.children li { padding-top: 20px; margin-left:0; margin-top:20px; padding-left: 10px; margin-bottom: 0; list-style:none; border-top:1px solid rgba(0,0,0,0.1); border-bottom: 0px; padding-bottom: 0px; } ol.children { margin-left: 0; padding-left: 5px; } .comments-area ol.comment-list li li.bypostauthor { position: relative } .comments-area.author-highlight ol.comment-list li.bypostauthor { border-bottom: 3px solid #f00000; padding: 40px; background: #f5f5f5 } .comments-area .reply a:hover { color: #000 } #comments li.comment .comment-respond { margin-top: 10px; position: relative } .comment-reply-title { position: relative; color: #3498DB; margin: 0 0 16px; padding-bottom: 20px } p.comment-form-email, p.comment-form-author { max-width: 49%; float: left; display: inline-block; } p.comment-form-email { margin-left: 2%; } .comment-form-wrap .comment-respond, .main-navigation ul li, .sheader { position: relative } a#cancel-comment-reply-link { display: block; font-size: 17px; opacity: 0.6; } .comments-area .comment-respond * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .comment-respond .logged-in-as a { color: #000; } .comments-area .comment-respond input[type=text], .comments-area .comment-respond input[type=email], .comments-area .comment-respond input[type=url] { background: #fff; padding: 8px 14px; width: 100%; max-width: 430px; margin-bottom: 6px } .wp-caption, embed, iframe, object { max-width: 100% } .comments-area .comment-respond textarea { width: 100%; margin-bottom: 0 } .custom-css{ border: 1px solid #2d2d2d80; box-shadow: 0 0 5px rgba(51, 51, 51, 0.4); width: 95%; margin: 0 auto; padding: 20px; } .comments-area p { margin-bottom: 12px } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none } .infinity-end.neverending .site-footer { display: block } .comment-content .wp-smiley, .entry-content .wp-smiley, .page-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 } .custom-logo-link { display: inline-block } .wp-caption { margin-bottom: 1.5em } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto } .wp-caption .wp-caption-text { margin: .8075em 0 } .wp-caption-text { text-align: center } .gallery { margin-bottom: 1.5em } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100% } .gallery-columns-2 .gallery-item { max-width: 50% } .gallery-columns-3 .gallery-item { max-width: 33.33333% } .gallery-columns-4 .gallery-item { max-width: 25% } .gallery-columns-5 .gallery-item { max-width: 20% } .gallery-columns-6 .gallery-item { max-width: 16.66667% } .gallery-columns-7 .gallery-item { max-width: 14.28571% } .gallery-columns-8 .gallery-item { max-width: 12.5% } .gallery-columns-9 .gallery-item { max-width: 11.11111% } .gallery-caption { display: block } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; height: 0 } #site-header, #site-header img, .clearfix, .site-branding { display: inline-block } .clearfix { width: 100% } * html .clearfix { height: 1% } .widget li a { text-decoration:none; } .entry-header h2 a, .site-info a:hover, .site-title a { } .fbox { width: 100%; margin-bottom: 30px; padding: 4%; border-radius: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .fbox h1, .fbox h2, .fbox h3 { margin-top: 0; color: #222 } .ffbox { width: 100%; margin-bottom: 30px; padding: 4%; border-radius: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .ffbox h1, .ffbox h2, .ffbox h3 { margin-top: 0; color: #222 } .page-header h1 { margin-bottom: 0 } .container { width: 100% } .content-wrap { width: 1180px; max-width: 90%; margin: 0 auto } .sheader { width: 100%; margin: 0 0 40px; background: #fff; } .primary-menu ul li ul.children, .primary-menu ul li ul.sub-menu { background: #fff; color:#000; } .site-branding.branding-logo { margin: 30px 0; } .site-branding { margin: 35px 0 40px; text-align: center; width: 100% } .branding-logo .custom-logo { display: block; width: auto } .site-branding .site-title { font-size: 48px; line-height: 150%; padding: 0; margin: 0; font-family: Merriweather, lato, 'helvetica neue', helvetica, arial; } .site-title a { color: #000222 } .site-branding .logo-image { margin-top: 0 } .site-description { font-size: 16px; color: #000222; padding: 0; margin: 0 } .featured-sidebar .search-field, .header-widget .search-field { width: 100%; height: 46px; border-radius: 0; line-height: 46px; padding: 16px; border: 1px solid #000; border-radius: 3px; background:rgba(0,0,0,0); } .header-widget .search-field { width:100%; } .header-widget .search-form label { width:100%; } .ads-top .search-submit, .featured-sidebar .search-submit, .header-widget .search-submit { display: none } .search-form label { width: auto; float: left; margin-bottom: 0 } .featured-sidebar label { width: 100%; float: none } .search-form .search-submit { padding: 17px 24px; border: none; border-radius: 0 3px 3px 0 } .ads-top { width: 70%; float: right; padding: 22px 0; overflow: hidden } .ads-top .textwidget img { display: block } .ads-top .search-field { width: 220px; padding: 15px; float: right; margin: 14px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px } .ads-top label { float: right } #smobile-menu { display: none } .main-navigation ul { list-style: none; margin: 0; padding: 0 } .main-navigation ul li a { font-size: 15px; text-transform: uppercase; display: block } .main-navigation ul li.current-menu-ancestor>a, .main-navigation ul li.current-menu-item>a, .main-navigation ul li.current-menu-parent>a, .main-navigation ul li.current_page_ancestor>a, .main-navigation ul li:hover>a, .main-navigation ul li>a:hover { text-decoration: none } .main-navigation ul li:hover>ul { display: block } .screen-reader-text { display:none; } .main-navigation ul li .sub-arrow { width: 50px; line-height: 50px; position: absolute; right: -20px; top: 0; color: #000; font-size: 14px; text-align: center; cursor: pointer } .main-navigation ul ul li .sub-arrow { right:-10px; } .mobile-menu .fa-bars { float: right; margin-top: 3px } .main-navigation ul li .arrow-sub-menu::before { font-size: 12px } .primary-menu { margin: 0; position: relative; z-index: 2 } .primary-menu ul li a { color: #fff; padding: 16px } .primary-menu ul li .fa-chevron-right { color: #fff } .primary-menu ul ul li .fa-chevron-right { color: #010101 } .primary-menu ul li ul.children li, .primary-menu ul li ul.sub-menu li { border-bottom: 1px solid rgba(255, 255, 255, .1) } .secondary-menu { width: 100%; float: left; border-top: 1px solid #e5e6e9; position: relative } .secondary-menu .smenu ul li a, .secondary-menu ul.smenu li a { color: #333; padding: 24px 16px } .secondary-menu ul.smenu li a:hover, .secondary-menu ul.smenu li.current-menu-item a { color: #06C } .secondary-menu ul.smenu ul li { border-bottom: 1px solid #e5e6e9 } .secondary-menu ul.smenu ul li a { padding: 16px } .secondary-menu ul.smenu>li:first-child { border: none } .main-navigation ul.pmenu>li:first-child a { padding-left: 0 } .secondary-menu .arrow-menu { position: absolute; top: 0; right: 0; cursor: pointer; text-align: center; display: none; width: 42px; height: 42px; line-height: 44px; border-left: 1px solid rgba(0, 0, 0, .2) } .secondary-menu ul.smenu li.btn-right { float: right; border: none; margin: 16px 0 } .secondary-menu ul.smenu li.btn-right a { padding: 9px 25px 11px; font-weight: 500; background: #06C; text-align: center; text-transform: capitalize; display: block; line-height: 1.25; box-sizing: border-box; color: #fff; border-radius: 3px } .secondary-menu .btn-right a:hover { opacity: .8; color: #fff } .search-style-one { width: 100%; position: fixed; overflow: hidden; height: 90px; z-index: 9; left: 0; -webkit-transform: translateX(100%); transform: translateX(100%); transition: -webkit-transform .4s linear, visibility .1s; transition: transform .4s linear, visibility .1s } .overlay { background: rgba(0, 0, 0, .7); width: 100% } .search-style-one.open { -webkit-transform: translateX(0); transform: translateX(0) } .search-row { position: relative; margin: 0 auto } .overlay .overlay-close { width: 50px; height: 52px; line-height: 52px; position: absolute; right: 8%; top: 15px; font-size: 20px; overflow: hidden; border: none; padding: 0 17px; color: #3a5795; background: rgba(255, 255, 255, .9); outline: 0; z-index: 100; cursor: pointer; border-radius: 2px } .search-style-one .search-row input#s { width: 100%; height: 82px; line-height: 82px; padding: 20px 30px; color: #fff; font-size: 18px; outline: 0; background: 0 0; border: none; box-sizing: border-box } #site-header { width: 100%; text-align: center; position: relative; z-index: 3; margin: 0; background: #fff } #site-header a { display: block } #site-header img { width: auto; line-height: 20px; margin: 0; vertical-align: top } .nav-links .dots, .nav-links a, .nav-links span.current, .site-info { line-height: normal } .site-header ul ul { list-style: none; min-width: 240px; display: none; position: absolute; top: inherit; left: 0; margin: 0; padding: 0; border: 1px solid #000; z-index: 9; } .site-header ul ul li { float: none } .site-header ul ul ul { top: 0; left: 238px } .site-content { width: 100%; display: block } .featured-content { width: 66%; margin-right: 4%; float: left } .featured-content-fullpage { width: 100%; margin-right: 4%; float: left } .featured-thumbnail img { width:100%; max-width:100%; height:auto; } .featured-thumbnail { float: left; display: inline-block; width: 100%; margin-bottom:10px; text-align:center; } .posts-entry .entry-content p:last-child { margin-bottom: 0 } .posts-entry .entry-footer { width: 100%; display: inline-block; margin: 1.5em 0 0; font-size: 12px; text-align: center; background: #f1f1f1; padding: 5px 20px } .single .posts-entry .entry-footer { text-align: left; background: 0 0; padding: 0 } .entry-meta { margin-bottom: 14px; font-family: Lato, 'helvetica neue', helvetica, arial } .post-item-grid-view .entry-meta { margin-bottom: 0 } .entry-footer span { padding-right: 16px; position: relative } .entry-footer span:after { content: ""; height: 12px; overflow: hidden; border-right: 1px solid #4169e1; position: absolute; right: 8px; top: 1px } .entry-footer span:last-child:after { content: ""; display: none } .nav-links span.current, .site-info, .site-info a { color: #000; } .site-footer { width: 100%; background: #fff; } .site-footer:hover{ } .site-info { float: left; font-size: 14px } .site-info a:hover { border-bottom: dotted 1px } .site-info p { padding: 0 } .pagination:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden } .nav-links { width: 100%; display: inline-block } #load-posts a, .nav-links .nav-next, .nav-links .nav-previous, .pagination a { background: #fff; display: inline-block; line-height: 1; color: #333; padding: 2% 4%; box-sizing: border-box; margin: 0; text-decoration: none } .nav-links .nav-next, .nav-links .nav-previous { max-width: 40%; border-radius: 1px } .nav-links .nav-previous { float: left; text-align: left } .nav-links .nav-next { float: right; text-align: right } .paging-navigation .nav-links .nav-next a, .posts-navigation .nav-next a { float: right } .nav-links span.meta-nav { font-size: 18px } #load-more-wrap { width: 100%; text-align: center } #load-more-wrap a { background: #f3f2f2; padding: 10px; display: block } .posts-related, .posts-related ul { width: 100%; display: inline-block } .posts-related ul { list-style: none; margin: 0; padding: 0 } .posts-related ul.grid-related-posts li { width: 31.3%; float: left; margin: 0 3% 3% 0 } .posts-related ul.grid-related-posts li:nth-child(3n) { margin-right: 0 } .posts-related ul.grid-related-posts li:nth-child(3n+1) { clear: left } .posts-related ul.list-related-posts { margin-bottom: 0 } .posts-related ul.list-related-posts li { width: 100%; float: left; display: block; margin: 0 0 2%; padding-bottom: 2%; border-bottom: 1px solid #f5f5f5 } .posts-related ul.list-related-posts li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .posts-related .list-related-posts .featured-thumbnail { max-width: 160px; max-height: 160px } .posts-related .list-related-posts .featured-thumbnail img { width: 100%; height: 100%; display: block } .posts-related ul.list-related-posts .related-data a { color: #3498DB; display: block; margin-bottom: 5px } .posts-related ul.nothumb-related-posts { width: 100%; display: inline-block; margin-bottom: 0; padding: 0 } .posts-related ul.nothumb-related-posts li { line-height: 34px } .featured-sidebar { width: 30%; float: left; padding: 5px; border: 1px solid #2d2d2d80; border-radius: 5px; box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .widget { width: 100%; padding: 8.8%; float: left; clear: both } .swidget { width: 100%; display: inline-block; margin-bottom: 20px; float:left; } .swidget h3 { width: auto; display: inherit; font-size: 20px; color: #000; text-transform: uppercase; padding-bottom: 15px; margin: 0 } .fmenu, .fmenu ul li { display: inline-block } .widget ul { padding: 0; margin-bottom: 0; list-style-position: inside } .widget>ul { margin: 0 } .widget ul li { display: inline-block; float: left; width: 100%; border-bottom: 1px solid #e6e6e6; padding:10px 0; } .widget ul li a { margin:0; padding: 0; } .widget .popular-post-meta, .widget .recent-post-meta { font-size: 12px; line-height: normal } .widget .post-img { float: left; margin-right: 10px } #wp-calendar { margin-bottom: 0 } #wp-calendar thead th { padding: 0; text-align: center } #wp-calendar td { text-align: center; padding: 7px 0 } #wp-calendar caption { font-size: 16px; padding-bottom: 10px; font-weight: 700 } #wp-calendar tfoot { margin-top: 30px } #wp-calendar #prev { text-align: left; padding: 0 0 0 12px } #wp-calendar #next { text-align: right; padding: 0 12px 0 0 } #wp-calendar #next a, #wp-calendar #prev a { text-decoration: none } .fmenu { width: 100%; text-align: center; margin-top: 10px } .fmenu ul { width: 100%; list-style: none; margin: 0; padding: 0; line-height: normal } .fmenu ul li { float: none } .fmenu ul li a { color: #fff; text-transform: none; margin: 0 8px; font-size: 14px; line-height: normal } .fmenu ul li a:hover { text-decoration: none } @media (min-width:1024px) { .super-menu, .toggle-mobile-menu { display: none } } @media (min-width:992px) { .fmenu, .footer-menu ul { float: right } .arrow-menu, .footer-menu ul li .arrow-sub-menu { display: none } .fmenu { width: auto; margin-top: 0; text-align: right } .footer-menu { width: 100% } .footer-menu ul li { float: left; line-height: 14px } .footer-menu ul ul { margin-left: 0; list-style: none; border-left: 1px solid #ccc } .footer-menu ul>li:first-child { border: none } .footer-menu ul li.main-navigation-item-has-children a, .footer-menu ul li.main-navigation-item-has-children ul { float: left } .secondary-menu .smenu ul ul.children, .secondary-menu .smenu ul ul.sub-menu { box-shadow: 0 2px 5px -2px #9baac2 } .secondary-menu .smenu ul ul.children li, .secondary-menu .smenu ul ul.sub-menu li { border-bottom: 1px solid #f5f5f5 } } @media screen and (max-width:1023px) { .main-navigation ul li .sub-arrow { right:0px; } .ads-top, .site-branding { text-align: center; width: 100% } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .ads-top .textwidget img { display: inline } .main-container-wrap { position: relative; left: 0; } #mobile-menu-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; cursor: pointer; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, .5) } #page { position: relative; left: 0; top: 0; } .main-navigation, .smenu-hide { display: none } .mobile-menu-active .smenu-hide { display: block; color: #000 } .mobile-menu-active #mobile-menu-overlay { display: block } .mobile-menu-active #page { width: 100%; max-width: 100%; position: fixed; top: 0; right: 300px; transition: left .5s ease; -ms-transform: translate(70%, 0); -webkit-transform: translate(70%, 0); transform: translate(70%, 0) } #smobile-menu { background-color: #fff; position: fixed; width: 70%; top: 0; bottom: 0; left: -70.1%; z-index: 5999998; overflow-x: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #smobile-menu .content-wrap, #smobile-menu .primary-menu ul { width: 100%; max-width: 100%; margin: 0 } #smobile-menu.show { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } #smobile-menu.show .main-navigation { width: 100%; float: left; display: block; margin: 0 } #smobile-menu.show .main-navigation ul li { width: 100%; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.2) } #smobile-menu.show .main-navigation ul li a { padding: 12px 20px } #smobile-menu.show .main-navigation ul ul.children, #smobile-menu.show .main-navigation ul ul.sub-menu { display: none } #smobile-menu.show .main-navigation ul ul.children.active, #smobile-menu.show .main-navigation ul ul.sub-menu.active { border-top: 1px solid rgba(255, 255, 255, 0.1) } #smobile-menu.show .main-navigation ul ul.children li:last-child, #smobile-menu.show .main-navigation ul ul.sub-menu li:last-child { border: none } #smobile-menu.show .main-navigation ul li .sub-arrow { display: block } .toggle-mobile-menu { display: inline-block; width: 100%; margin: auto; position: relative; color: #fff; text-align: right; z-index: 1; padding: 12px 20px } .toggle-mobile-menu:hover { color: #fff } .toggle-mobile-menu:before { font-family: FontAwesome; content: "\f0c9"; font-size: 18px; line-height: 50px; margin-right: 10px; position: absolute; color:#000; left: 0; top: 0 } .mobile-only .toggle-mobile-menu { text-decoration: none } .mobile-only .toggle-mobile-menu:before { left: 20px } .super-menu { border-top:1px solid #000; border-bottom:1px solid #000; } .super-menu-inner { width: 1120px; max-width: 90%; margin: 0 auto } .super-menu .toggle-mobile-menu { padding: 10px 0; color: #000; outline: 0; text-decoration: none } .super-menu .main-navigation-toggle:before { left: 0 } } @media (max-width:992px) { .featured-content, .featured-sidebar { width: 100%; margin: 0 } .site-info { width: 100%; text-align: center } } .widget ul li { display:inline-block; float:left; width:100%; } .widget ul { display:inline-block; float:left; width:100%; } .widget ul:first-of-type li:first-of-type { margin-top:0px; padding-top:0px; } .widget ul:last-of-type li:last-of-type { margin-bottom:0px; border-bottom:0px; padding-bottom:0px; } .text-center { text-align:center; } .style18:before { display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #8c8b8b; border-width: 0 0 1px 0; border-radius: 20px; } .primary-menu .pmenu { margin: auto; display: inline-block; float:left; width:100%; text-align:center; border-style: solid; border-color: #8c8b8b; border-width: 1px 0px 1px 0px; border-radius: 20px; } .main-navigation ul li { position: relative; display: inline-block; } .main-navigation ul li a { color: #000; font-weight: 400; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; padding: 15px 1rem; text-decoration: none; } .main-navigation ul li.current-menu-item>a { font-weight:500; } .primary-menu { float:left; } .site-branding.branding-logo { width: 100%; text-align: center; } .sheader { background-size:cover; background-position:top center; } .site-branding .site-description { line-height:150%; } .site-header ul ul { text-align: left; } .primary-menu ul li ul.children li, .primary-menu ul li ul.sub-menu li { width:100%; max-width: 100%; } .site-header ul ul li a { font-size: 14px; opacity: 0.8; border-top:1px solid #000; } .site-header ul ul li:first-of-type a { border-top:0px solid #000; } .swidgets-wrap { border: 1px solid #000; padding: 20px 20px; text-align: left; margin-top: 0; } .swidgets-wrap .sidebar-title-border { display: block; margin-top: -33px; width: 100%; text-align: center; } .swidgets-wrap h3 { background: #fff; display: inline-block; line-height:130%; padding: 0px 20px; font-size: 17px; font-weight: 500; color: #2b2b2b; margin-bottom: 5px; } .widget time.rpwe-time.published { width: 100% !important; display: block !important; font-size: 12px; } #secondary .widget { font-size: 15px; color: #333; } .widget_archive ul:last-of-type li:last-of-type { margin-bottom:0px; } .widget h3.rpwe-title { font-size: 14px !important; padding: 0px !important; display: block !important; } .widget img.rpwe-thumb { border: 0px #fff !important; box-shadow: 0px 0px 0px #fff !important; padding: 0px !important; margin-top: 0px !important; } .site-info { float: left; font-size: 14px; width: 100%; text-align: center; opacity: 0.8; padding:20px; border-top:1px solid #fff; color: #000; } .footer-column-three { display: inline-block; float: left; width: 100%; max-width: 33%; color: #fff; padding: 50px 0; } .footer-column-three .widget { padding:0; background:rgba(0,0,0,0); font-size:14px; margin:0; } .footer-column-three h3 { background: rgba(0,0,0,0); color: #fff; padding: 0; font-size: 18px; text-transform: uppercase; font-weight: 500; font-family:'lato'; letter-spacing: 2px; } .footer-column-three p { font-size: 14px; color: #656565; } .footer-column-three a { color: #fff; } .footer-column-three h3:after { display: block; height: 2px; width: 40px; content: ' '; background: rgba(255, 255, 255, 0.24); margin-top: 7px; } .footer-column-left { padding-right:10px; } .footer-column-middle { padding-right:10px; padding-left:10px; } .footer-column-right { padding-left:10px; } .footer-column-three .widget { margin-bottom: 40px; overflow:hidden; } .footer-column-three .widget:last-of-type { margin-bottom: 0; } .footer-column-three input.search-submit { background: rgba(0,0,0,0); border: 1px solid #fff; padding: 10px 15px; font-size:13px; } .footer-column-three input.search-field { background: rgba(0,0,0,0); border: 1px solid #ffff; border-right: 0px; padding-bottom: 18px; color: #fff; font-size:13px; padding: 10px; } .footer-column-three p:last-of-type { margin-bottom:0px; } .entry-meta { display: inline-block; margin: auto; text-align: center; font-size: 17px; color: #000; margin-bottom: 5px; padding: 0px 20px; font-weight: 100; } h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active { font-family: Sarala; font-weight: 400; color: #000; font-size: 30px; text-align: center; line-height: 150%; margin-top: 0px; } .entry-meta { display: inline-block; margin: auto; text-align: center; font-size: 17px; color: #000; margin-bottom: 5px; padding: 0px 20px; width: 100%; font-weight: 400; } .entry-meta a{ text-decoration:none; } article .entry-content { font-family: 'lato', lato, 'helvetica neue', helvetica, arial, sans-serif; line-height: 150%; color: #656565; font-size: 16px; word-wrap: break-word; } .single article .entry-content, .page article .entry-content { color:#000; } .blog-data-wrapper { width: 100%; text-align: center; margin-bottom: 10px; position: relative; min-height: 24px; } .post-data-divider { display: block; height: 1px; width: 100%; position: absolute; top: 14px; max-width: 480px; margin: auto; left: 0; right: 0; z-index: 1; } .blog-author-positioning { z-index: 2; top: 0; left: 0; right: 0; position: absolute; } .post-data-text { margin: auto; text-align: center; font-size: 17px; color: #000; margin-bottom: 5px; padding: 0px 20px; background: none; } @media all and (max-width:550px) { .desktop-br {display: none;} .mobile-br {display: inline;} .search-bbb {display: none;} } @media all and (min-width:551px) { .desktop-br {display: inline;} .mobile-br {display: none;} } .post-data-positioning { z-index: 1; top: 0; left: 0; right: 0; position: absolute; } article.fbox { border: 1px solid #2d2d2d80; border-radius: 5px; box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } article.fbox:hover { border: 1px solid #2d2d2d80; border-radius: 5px; background-color: #fbfbfb80; box-shadow: 0 0 6px rgba(51, 51, 51, 0.6); } article.ffbox { border: 1px solid #2d2d2d80; border-radius: 5px; box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } article.ffbox:hover { } /* Shadow Radial */ .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: 2px solid #2d2d2d80; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } .blogpost-button { padding: 10px 15px; border-radius: 5px; background: #eaeaea80; font-weight: 700; font-size: 15px; color: #000; margin: auto; display:inline-block; text-decoration: none; } .page-numbers li { display: inline-block; list-style:none; } ul.page-numbers { display: inline-block; padding: 0; height: auto; margin: 10px auto 20px auto; } .page-numbers li a{ background: #2d2d2d80; padding: 3px 5px; transition: all 0.4s; font-size: 14px; color: #fff; margin: 0 5px; text-decoration: none; border: 1px solid #000; font-weight:600; display: inline-block; float: left; } .page-numbers li a:hover { background:rgba(0,0,0,0); color:#000; } .page-numbers.current { background: rgba(0,0,0,0); padding: 5px 10px; transition: all 0.4s; font-weight:600; font-size: 14px; color: #000; margin: 0 5px; text-decoration: none; border: 1px solid #000; display: inline-block; float: left; } td, th { padding: 10px; text-align: left; } tr { border-bottom: 1px solid #000; } .error404 main#main, .search-no-results section.fbox.no-results.not-found { margin-bottom:50px; text-align: center; border: 1px solid #2d2d2d80; border-radius: 5px; box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .search-no-results h1, .error404 h1 { font-size: 28px; line-height: 150%; padding: 0; margin: 0; font-family: Sarala, lato, 'helvetica neue', helvetica, arial; } .search-results h1.page-title { text-align: center; font-size: 35px; border-top: 4px double #000; border-bottom: 4px double #000; font-weight: 400; line-height: 150%; padding: 10px 0 15px; font-family: Sarala, lato, 'helvetica neue', helvetica, arial; } .comments-area .comments-title { font-family: Sarala, lato, 'helvetica neue', helvetica, arial; } .search-no-results .search-form label, .error404 .search-form label { float: none; margin-right: -5px; border: 1px solid #000; border-right: 0px solid #fff; padding: 0; } .error404 .search-form label, .search-no-results .search-form label { float: none; margin-right: -5px; border: 1px solid #000; border-right: 0px solid #fff; padding: 0; } .error404 input.search-submit, .search-no-results input.search-submit { padding: 11px; border: 1px solid #000; background: rgba(0,0,0,0); color: #fff; background: #2d2d2d80; } .error404 input.search-field, .search-no-results input.search-field { color:#000; padding: 10px; } .archive .page-header h1 { text-align: center; font-size: 30px; border-top: 4px double #000; border-bottom: 4px double #000; margin-bottom: 40px; line-height: 150%; padding: 10px 0 15px; } .archive header.fbox.page-header { padding: 0; } .comments-area { border:1px solid #000; border-radius: 5px; box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); color: #000; } .comments-area .comment-author .fn a { text-decoration:none; } .comment span.edit-link { float: right; } .comments-area .comment-meta .comment-metadata a { text-decoration: none; font-size: 14px; } #comments ol.comment-list { padding-left: 0; margin-left: 0; list-style:none; } .comments-area ol.comment-list .comment { width: 100%; border-bottom: 1px solid #000; margin-bottom: 40px; padding-bottom:40px; } span.page-numbers.dots { padding: 3px 6px; transition: all 0.4s; font-size: 14px; color: #000; margin: 0 5px; text-decoration: none; border: 1px solid #000; font-weight: 600; display: inline-block; float: left; } .comments-area .reply { padding-left: 45px; font-size: 14px; padding-bottom: 0 } div#respond { text-align: center; } p.comment-form-url { display: none; } #comments h3#reply-title { font-family: Sarala, lato, 'helvetica neue', helvetica, arial; font-size: 26px; margin-bottom: 0px; padding-bottom: 10px; text-align: center; } .calendar_wrap tr { border-bottom: 0px solid #000; } .header-widgets-three { display: inline-block; float: left; margin-bottom: 40px; width: 100%; max-width: 33%; } .header-widgets-three .swidget { margin-bottom: 10px; } .header-widgets-three figure.wp-caption.alignnone { margin:0; } .header-widgets-left { padding-right:10px; } .header-widgets-middle { padding-right:10px; padding-left:10px; } .header-widgets-right { padding-left:10px; } .header-widgets-wrapper { display: inline-block; float: left; width: 100%; } .header-widgets-three .header-widget p:last-of-type { margin-bottom:0; } .header-widget { margin-bottom: 40px; } .header-widget:last-of-type { margin-bottom: 0px; } .bottom-header-wrapper { text-align: center; float:left; width:100%; display:inline-block; margin-bottom:45px; } .bottom-header-wrapper * { color:#fff; } .header-widget .textwidget h1, .header-widget .textwidget h2, .header-widget .textwidget h3, .header-widget .textwidget h4 .header-widget .textwidget h5{ padding:0px; margin-top:0; text-align:left; } span.bottom-header-title { display: inline-block; width: 100%; float: left; font-size: 55px; font-weight: 500; } span.bottom-header-tagline { margin-bottom: 10px; display: inline-block; width: 100%; float: left; } span.bottom-header-below-title { margin-top: 10px; display: inline-block; width: 100%; float: left; } @media screen and (max-width: 1023px) { .smenu-hide.toggle-mobile-menu.menu-toggle { border-bottom:1px solid rgba(255, 255, 255, 0.1) } .main-navigation ul li a { text-align:left; } #smobile-menu.show .main-navigation ul li a { text-align:left; } #smobile-menu.show .main-navigation ul ul.sub-menu li { padding-left: 20px; opacity: 0.8; } ul.page-numbers { margin-bottom:50px; } } @media screen and (max-width: 900px) { .footer-column-three { max-width:100%; } .footer-column-left { padding-right:0; } .footer-column-middle { padding-right:0; padding-left:0; } .footer-column-right { padding-left:0; } .header-widgets-three { max-width:100%; } .header-widgets-left { padding-right:0; } .header-widgets-middle { padding-right:0; padding-left:0; } .header-widgets-right { padding-left:0; } } @media screen and (max-width: 700px) { h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active { font-size:20px; } .post-data-text { font-size: 15px; } .bottom-header-wrapper { padding:60px 0; font-size:16px; } .archive .page-header h1 { font-size:25px; } article .entry-content { margin-top:10px; font-size:14px; word-wrap: break-word; } span.bottom-header-title { font-size:28px; } .site-branding .site-title { font-size:29px; } .site-branding .site-description { font-size:14px; } .site-branding { margin-bottom:25px; margin-top:20px; } .page-numbers li { display:inline; } .page-numbers li a, span.page-numbers.dots { display: none; } .page-numbers li a.prev { display: inline-block; } .page-numbers li a.next { display: inline-block; } } /* Cookie / Cookies consents */ p.comment-form-cookies-consent { display: inline-block; text-transform: none !important; width: auto; max-width: 100%; margin: auto; float: none; } .comment-form-cookies-consent label { text-transform: none !important; color: #a2a2a2; width: 100%; float: left; display: inline-block; } input#wp-comment-cookies-consent { float: left; display: inline-block; } .comment-form-cookies-consent label { text-transform: none !important; color: #a2a2a2; width: 100%; float: left; display: inline-block; width: auto; margin-top: 0; margin-left: 20px; font-size: 12px; } input#wp-comment-cookies-consent { float: left; display: inline-block; margin-bottom: -28px; margin-top: 3px; } .hovereffect { width:100%; height:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; border-radius: 5px; } .hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; border-radius: 5px; opacity:.7; } .hovereffect-single img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; border-radius: 5px; } .hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.1); opacity:1; } .content2 { padding: 16px; } .stickynew { position: fixed; top: 30px; left: 0; max-width: 100%; background-color: #fff; opacity: 0.9; box-shadow: 0 5px 6px rgba(51, 51, 51, 0.3); border: 1px solid #2d2d2d80; border-width: 2px 0px 2px 0px; } .stickemobile { position: fixed; top: 0px; left: 0; background-color: #fff; opacity: 1; z-index: 9999999; } /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */ .stickynew + .content2 { padding-top: 60px; } #return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.3); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top:hover { background: rgba(0, 0, 0, 0.5); } #return-to-top:hover i { color: #fff; top: 10px; } .post-by-ago { text-align: center; font-size: 14px; color: #000; border: 0px solid #2d2d2d80; margin: 0 auto; padding: 2px; width: -moz-max-content; opacity: 0.6; } .post-by-ago a{ color: #000; } .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: .5s } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover { color: #000 } .hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66); transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66) } .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left } .hvr-outline-out:active:before, .hvr-outline-out:focus:before, .hvr-outline-out:hover:before { top: -8px; right: -8px; bottom: -8px; left: -8px } .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow } .hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover { box-shadow: 0 0 8px rgba(0, 0, 0, .6) } .navbar-text{ float: right; margin-top: -38px; margin-right: 20px; border: 0px; } .navbar-text a{ text-decoration: unset; } .search-bbb{ float: right; margin-top: -45px; margin-right: 20px; border: 0px; padding: 0px; height: 40px; width: 30px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; background: url(icons/searchicon.png) no-repeat scroll 7px 7px; } .openBtn { } .openBtn:hover { background: #bbb; } .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); z-index: 9999999999999999; } .overlay-content { position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto; } .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; } .overlay .closebtn:hover { color: #ccc; } .overlay input[type=text] { padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: white; } .overlay input[type=text]:hover { background: #f1f1f1; } .overlay button { float: left; width: 20%; padding: 15px; background: #ddd; font-size: 17px; border: none; cursor: pointer; } .overlay button:hover { background: #bbb; } /* Cookie / Cookies consents */