/* Theme Name: Magazine 7 Theme URI: https://afthemes.com/products/magazine-7/ Author: AF themes Author URI: https://www.afthemes.com/ Description: Magazine 7 is a clean, elegant and beautiful WordPress theme, which is typically designed for a web blog and magazine with an immense research on modern online news portals. With the help of available customizer options and widgets, you can implement layout as a fashion magazine, restaurant blogging & magazine, e-commerce magazine, personal blog, modern news journals, vibrant news sites and more. The theme is SEO friendly with optimized code and outstanding support. See our demos: https://demo.afthemes.com/magazine-7/, https://demo.afthemes.com/magazine-7/restro/, https://demo.afthemes.com/magazine-7/clean-blog/ Version: 2.3.3 Requires PHP: 5.6 Tested up to: 6.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: magazine-7 Tags: news, blog, e-commerce, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, custom-header, translation-ready, theme-options, threaded-comments 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. Magazine 7 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Magazine 7 WordPress Theme, Copyright 2018 AF themes Magazine 7 is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries # Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: 'Montserrat:400,700', sans-serif; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; overflow-x: hidden; } 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; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { 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=file] { border: 1px solid #ccc; padding: 10px; height: unset; line-height: unset; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; display: inline-block; vertical-align: middle; margin: 0 0 2px; } 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 #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0 10px; width: unset; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #2a2a2a; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; color: #000000; font-weight: 700; } h1, h2, h3, h4, h5, h6, .main-navigation a, .font-family-1, .site-description, .trending-posts-line, .widget-title, .em-widget-subtitle, .grid-item-metadata .item-metadata, .af-navcontrols .slide-count, .figure-categories .cat-links, .nav-links a { font-family: 'Montserrat:400,700', sans-serif; } p { margin-bottom: 15px; } dfn, cite, em, i { font-style: italic; } blockquote { font-style: italic; border: 0; position: relative; text-align: center; font-size: 1.5625em; line-height: 1.44; margin-top: 2.57143em; margin-bottom: 2.14286em; padding-top: 1.71429em; padding-bottom: 1.71429em; } blockquote blockquote { font-size: 1em; margin-bottom: 0; padding-bottom: 0; } blockquote blockquote:after { border-bottom: 0; } @media not screen and (min-width: 992px) { blockquote { font-size: 1.125em; line-height: 1.33333; margin-top: 2.66667em; margin-bottom: 2em; padding: 0.66667em; padding-top: 1.33333em; padding-bottom: 1.33333em; } } blockquote:before { content: "\201C"; position: absolute; top: -0.75em; left: 50%; padding: 0 0.857em; color: black; background: white; z-index: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); } blockquote:after { content: ""; display: block; width: 9em; margin-left: -4.5em; position: absolute; top: 0; bottom: 0; left: 50%; border: 1px solid #e5e5e5; border-left: 0; border-right: 0; } blockquote cite { display: block; margin-top: 1.5em; font-size: 0.57143em; line-height: 1.5; font-style: normal; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { /*background: #fff9c0;*/ text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background-color: #f3f3f3; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin-left: 0; padding-left: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dl { border: 2px solid #e8e8e8; padding: 2.5em; } dt { text-align: left; font-size: 130%; font-weight: bold; } dd { margin: 0; padding: 0 0 1em 0; } img { height: auto; max-width: 100%; } figure { margin: 0 auto; } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; font-size: 16px; line-height: 1; outline: none; padding: .5em 1em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } .em-view-more { display: block; margin: 20px auto; padding: 20px 0; border-top: 1px solid; border-bottom: 1px solid; } 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="search"], input[type="number"], 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"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; outline: none; } input, select { height: 45px; line-height: 45px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]: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, textarea:focus { color: #111; } select { border: 1px solid #ccc; min-width: 160px; } textarea { width: 100%; } .no-gutter { margin-left: 0; margin-right: 0; } .no-gutter .no-gutter-col { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 768px) { .pad-0l { padding-left: 0 !important; } .pad-0r { padding-right: 0 !important; } .pad-0lr { padding-left: 0 !important; padding-right: 0 !important; } } .table-block { display: table; width: 100%; height: 100%; } .table-block-child { display: table-cell; } .v-center { vertical-align: middle; } .v-top { vertical-align: top; } .v-bottom { vertical-align: bottom; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #404040; text-decoration: none; } a:visited { color: #404040; } a:hover, a:focus, a:active { color: #009cff; outline: 0; text-decoration: none; } a:focus { outline: 1px dotted; } a:hover, a:active { outline: 0; text-decoration: none; } /*-------------------------------------------------------------- ## bootstrap reset --------------------------------------------------------------*/ div[class*="col-"]:not(div[class*="elementor-col-"]), li[class*="col-"], article[class*="col-"], figure[class*="col-"] { padding-left: 10px; padding-right: 10px; } .row { margin-right: -10px; margin-left: -10px; } /*-------------------------------------------------------------- ## bootstrap reset --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { border-top: 1px solid; border-bottom: 1px solid; text-align: center; } .navigation-container { border-left: 1px solid; border-right: 1px solid; position: relative; } .icon-search { color: #333; border-left: 1px solid; text-align: right; right: 0; } .icon-search, .offcanvas { cursor: pointer; position: absolute; line-height: 60px; height: 60px; width: 80px; -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; } .offcanvas { font-size: 18px; display: table; text-align: center; border-right: 1px solid; left: 0; } .offcanvas-nav { position: relative; display: table-cell; vertical-align: middle; } .offcanvas-menu { position: relative; overflow: hidden; width: 24px; height: 17px; margin-right: 100%; } .offcanvas-menu span { position: absolute; display: inline-block; width: 100%; left: 0; height: 3px; transition: .1s width linear; } @media only screen and (max-width: 75em) { .offcanvas-menu span { right: auto; left: 0; } } .offcanvas-menu span.mbtn-mid { top: 50%; width: 75%; margin-top: -1.5px; } .offcanvas-menu span.mbtn-bot { bottom: 0; width: 50%; } .offcanvas:hover .offcanvas-menu span, .offcanvas:focus .offcanvas-menu span { width: 100%; } #af-search-wrap { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(255, 255, 255, .94); opacity: 0; position: fixed; top: 0; left: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); width: 100%; height: 100%; z-index: 999999; -webkit-transition: -webkit-transform 0.25s ease; -moz-transition: -moz-transform 0.25s ease; -ms-transition: -ms-transform 0.25s ease; -o-transition: -o-transform 0.25s ease; transition: transform 0.25s ease; } .af-search-toggle { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -o-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .af-search-close span { display: block; position: absolute; left: 0; width: 60px; top: 27px; background: #444; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; height: 3px; } .af-search-close { cursor: pointer; position: absolute; height: 60px; top: 60px; right: 80px; width: 60px; } .af-search-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .af-search-close span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .main-navigation .toggle-menu { height: 55px; cursor: pointer; display: none; } .ham { width: 23px; height: 2px; top: 27px; display: block; margin-left: auto; margin-right: auto; background-color: #282828; position: relative; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .ham:before, .ham:after { position: absolute; content: ''; width: 100%; height: 2px; left: 0; background-color: #282828; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .ham:before { top: -8px; } .ham:after { top: 8px; } .ham.exit { background-color: transparent; } .ham.exit:before { -webkit-transform: translateY(8px) rotateZ(-45deg); -moz-transform: translateY(8px) rotateZ(-45deg); -ms-transform: translateY(8px) rotateZ(-45deg); -o-transform: translateY(8px) rotateZ(-45deg); transform: translateY(8px) rotateZ(-45deg); } .ham.exit:after { -webkit-transform: translateY(-8px) rotateZ(45deg); -moz-transform: translateY(-8px) rotateZ(45deg); -ms-transform: translateY(-8px) rotateZ(45deg); -o-transform: translateY(-8px) rotateZ(45deg); transform: translateY(-8px) rotateZ(45deg); } .main-navigation .menu > ul { display: inline-block; margin: 0 30px; padding: 0; list-style: none; vertical-align: top; } .main-navigation .menu ul li { position: relative; display: block; float: left; } .main-navigation .menu ul li a { text-rendering: optimizeLegibility; font-weight: 600; text-transform: uppercase; font-size: 14px; line-height: 20px; letter-spacing: 1px; } .main-navigation .menu ul li i { padding: 0 10px; display: inline-block; line-height: 1; } .main-navigation .menu ul li i.fa-angle-down:before { content: "\f078"; font-family: 'aft-icons' !important; font-size: 12px; display: inline-block; font-style: normal; vertical-align: top; padding-top: 2px; } .main-navigation .menu ul ul li i.fa-angle-down:before { content: "\f054"; } .main-navigation .menu ul.menu-desktop > li > a { display: block; padding: 20px 15px; } @media only screen and (min-width: 1600px) { .main-navigation .menu ul li a { font-size: 18px; } } @media only screen and (min-width: 992px) { .main-navigation .menu ul ul li { width: 260px; } .main-navigation .menu ul ul a { border-top: 1px solid rgba(0, 0, 0, .1); display: block; padding: 12px 15px; line-height: inherit; position: relative; } .main-navigation .menu > ul > li > a:after { content: ""; position: absolute; width: 100%; height: 3px; top: 0; left: 0; right: 0; } .main-navigation .menu ul ul a:before { margin-right: 10px; position: absolute; left: 15px; top: 16px; display: inline-block; content: "\f105"; font-weight: 600; display: none; } .main-navigation .menu ul ul { background: #fff; position: absolute; text-align: left; visibility: hidden; opacity: 0; margin: 0 auto; padding: 0; z-index: 9; word-break: break-word; -webkit-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -o-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -webkit-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); } .main-navigation .menu li:hover > ul, .main-navigation .menu li:focus > ul { visibility: visible; opacity: 1; z-index: 999; top: 100%; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -ms-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; transition: opacity 0.4s, top 0.4s; } .main-navigation .menu li:focus-within > ul { visibility: visible; opacity: 1; z-index: 999; top: 100%; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -ms-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; transition: opacity 0.4s, top 0.4s; } .main-navigation .menu > ul > li > ul { top: 120%; left: 0; } .main-navigation .menu > ul > li:last-child > ul { left: auto; right: 0; } .main-navigation .menu ul ul ul { top: -20px; left: 100%; } .main-navigation .menu ul ul li:hover ul { top: 0; } .main-navigation .menu ul ul li:focus-within ul { top: 0; } } .main-navigation .menu .menu-mobile { margin: 0; padding: 0; display: block; list-style: none; text-align: left; position: relative; z-index: 9999; display: none; padding-top: 6px; width: 100%; } .main-navigation .menu .menu-mobile li { display: block; border-top: 1px solid; float: none; } .main-navigation .menu .menu-mobile li a { line-height: 50px; display: block; position: relative; padding-left: 20px; padding-right: 20px; -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; } .main-navigation .menu .menu-mobile li a:hover { opacity: 0.7; } .main-navigation .menu .menu-mobile li a i { position: absolute; top: 0; right: 0; bottom: 0; width: 30px; z-index: 1; } .main-navigation .menu .menu-mobile li a i.active:after { width: 13px; height: 1px; } .main-navigation .menu .menu-mobile li a i:before, .main-navigation .menu .menu-mobile li a i:after { content: ''; width: 13px; height: 1px; background-color: #848484; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .main-navigation .menu .menu-mobile li a i:after { width: 1px; height: 13px; } .main-navigation .menu .menu-mobile li .sub-menu { list-style: none; padding: 0; margin: 0; border-top: 1px solid #2d2d2d; display: none; } .main-navigation .menu .menu-mobile li .sub-menu > li a { margin-left: 15px; } .main-navigation .menu .menu-mobile li .sub-menu > li:first-child { border-top: 0; } /*------------------------------------------------------------ * ## Post-navigation *------------------------------------------------------------ */ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { overflow: hidden; margin: 1.5em 0; padding: 10px 0; position: relative; } .site-main .post-navigation { margin: 0; font-weight: 600; letter-spacing: 0; } .site-main .post-navigation .em-post-navigation { display: block; font-weight: 400; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; position: relative; } .nav-previous, .nav-next { display: table; } .nav-previous:before, .nav-next:after { content: ""; display: table-cell; line-height: 1; vertical-align: middle; font: normal normal normal 44px/1 'Font Awesome 5 Free'; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*.nav-previous:before {*/ /*content: "\f0a8";*/ /*}*/ /*.nav-next:after {*/ /*content: "\f0a9";*/ /*}*/ .nav-previous a, .nav-next a { display: table-cell; font-size: 16px; text-transform: uppercase; vertical-align: middle; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .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; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-branding:before, .site-branding:after, .main-navigation:before, .main-navigation:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .categorised-article-list:before, .categorised-article-list:after, .magazine-7-widget:before, .magazine-7-widget:after, .hentry:before, .hentry:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-branding:after, .main-navigation:after, .site-content:after, .site-footer:after, .categorised-article-list:after, .magazine-7-widget:after, .hentry:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget-title { font-size: 24px; font-weight: 600; } footer .widget-title { font-size: 24px; font-weight: 600; color: #fff; } #primary .widget-title { font-size: 24px; margin-bottom: 0; color: #000; } #primary .em-widget-subtitle { font-size: 18px; margin-bottom: 9px; } .site-content .site-main .widget-title span { padding-right: 20px; position: relative; z-index: 1; } .site-content .site-main .widget-title span, #primary .af-tabs.nav-tabs > li > a, .archive .site-content .header-title-wrapper .page-title, .search-results .site-content .header-title-wrapper .page-title { font-size: 36px; font-weight: 600; margin: 15px 0; /*text-transform: uppercase;*/ } h2.widget-title,h1.page-title,h1.entry-title,h2.section-title{ margin: 0 0 10px 0px; } p.section-subtitle { font-size: 18px; margin-bottom: 10px; } @media (min-width: 1600px) { #primary .widget-title { font-size: 42px; } } .widget select { max-width: 100%; } .widget ol, .widget ul { list-style: none; padding-left: 0; margin-left: 0; } .widget ul li { /* padding-bottom: 10px; */ } .widget ul li.full-item, .widget .af-tabs li { margin: 0 auto; padding: 0; } .site-footer .widget ul li { border-bottom: 0; padding-bottom: 5px; } .wp-block-categories li, .wp-block-page-list li a, .wp-block-latest-posts li a, .wp-block-archives li a, .widget_recent_comments li, .widget_pages li a, .widget_archive li a, .widget_meta li a, .widget_categories li, .widget_nav_menu li a, .widget_recent_entries li a { display: table; padding-bottom: 15px; font-size: 17px; position: relative; width: 100%; } .wp-block-categories li:last-child, .wp-block-page-list li:last-child a, .wp-block-latest-posts li:last-child a, .wp-block-archives li:last-child a, .widget_recent_comments li:last-child, .widget_pages li:last-child a, .widget_archive li:last-child a, .widget_meta li:last-child a, .widget_categories li:last-child, .widget_nav_menu li:last-child a, .widget_recent_entries li:last-child a { padding-bottom: 0; } .widget_recent_comments li{ padding-bottom: 0; } .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .site-content .widget_recent_comments li a, .site-content .widget_pages li a, .site-content .widget_archive li a, .site-content .widget_meta li a, .site-content .widget_categories li, .site-content .widget_nav_menu li a, .site-content .widget_recent_entries li a { color: #2a2a2a; border-color: #e5e5e5; } .site-content .widget_recent_comments li a:hover, .site-content .widget_pages li a:hover, .site-content .widget_archive li a:hover, .site-content .widget_meta li a:hover, .site-content .widget_categories li a:hover, .site-content .widget_nav_menu li a:hover, .site-content .widget_recent_entries li a:hover { color: #009cff; } .af-tabs { border: 0; } .af-tabs.nav-tabs > li > a { color: #757575; padding: 15px 5px 15px 0; font-weight: 600; font-size: 20px; } .af-tabs.nav-tabs > li > a, .af-tabs.nav-tabs > li > a.active, .af-tabs.nav-tabs > li > a.active:focus, .af-tabs.nav-tabs > li > a.active:hover { background: transparent; border: 0; } .af-tabs.nav-tabs > li > a.active, .af-tabs.nav-tabs > li:hover > a, .af-tabs.nav-tabs > li:focus > a { color: #404040; } .primary-footer .af-tabs.nav-tabs > li > a.active, .primary-footer .af-tabs.nav-tabs > li:hover > a, .primary-footer .af-tabs.nav-tabs > li:focus > a { color: #fff; } #wp-calendar { width: 100%; margin: 0; } #wp-calendar caption { text-align: right; } #wp-calendar thead th { text-align: center; } #wp-calendar tbody td { border: 1px solid #313131; text-align: center; padding: 8px; } #wp-calendar tbody td#today { color: #1e70cd; } .site-footer #wp-calendar tbody td { color: #fff; border-color: rgba(255, 255, 255, 0.25); } .site-footer #wp-calendar caption { color: #fff; } .site-content #secondary #wp-calendar tbody td { border: 1px solid #e8e8e8; } #wp-calendar tbody td:hover { background: #00000022; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-transform: uppercase; text-align: left; border: none; background: none; } #wp-calendar tfoot #prev { text-transform: uppercase; text-align: left; border: none; background: none; } #wp-calendar tfoot td.pad { display: none; } .site-content .search-form, .site-footer .search-form { padding-top: 20px; } .site-content .search-form label, .site-footer .search-form label { display: block; width: 70%; float: left; } .site-content .search-form label .search-field, .site-footer .search-form label .search-field { padding-left: 15px; width: 100%; } .site-content .search-form .search-submit, .site-footer .search-form .search-submit { width: 30%; font-size: 16px; text-transform: uppercase; } .search-form label .search-field { height: 45px; -webkit-border-radius: 0; border-radius: 0; } .search-form .search-submit { border: 0; color: #fff; height: 45px; padding-left: 20px; padding-right: 20px; -webkit-border-radius: 0; border-radius: 0; } .af-search-box .search-form { max-width: 720px; margin-left: auto; margin-right: auto; } .af-search-box .search-form label { width: 85%; width: calc(100% - 200px); } .af-search-box .search-form .search-submit { float: right; font-size: 24px; width: 200px; height: 60px; line-height: 60px; padding-top: 0; padding-bottom: 0; } .af-search-box .search-form label .search-field { border-width: 1px 0 1px 1px; height: 60px; line-height: 60px; padding: 0 15px; width: 100%; } input[type=search].wp-block-search__input { border-radius: 0; padding-left: 10px; padding-right: 10px; box-sizing: border-box; width: 70%; } .wp-block-search__button { margin-left: 0; border-radius: 0; background-color: #ff3c36; color: #fff; width: 30%; border: unset; text-transform: uppercase; } .wp-block-search__button.has-icon { width: unset; } .wp-block-search__inside-wrapper { width: 100% !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; border: unset; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding-right: 10px; padding-left: 10px; } /* search */ .posts-author-wrapper .em-author-img { width: 200px; height: 200px; border-radius: 100%; background-repeat: no-repeat; background-size: cover; background-color: #d7d7d7; } .em-author-details { text-align: center; } .em-author-details i { } .em-author-display-name { margin: 15px auto; } .em-author-display-phone, .em-author-display-email { display: block; margin: 5px auto; } #primary .posts-author-wrapper .em-author-img { float: left; margin-left: 0; overflow: hidden; } #primary .posts-author-wrapper .em-author-details { float: left; text-align: left; padding-left: 20px; width: 70%; width: calc(100% - 200px); } #primary .posts-author-wrapper .em-author-details ul { text-align: left; } @media (max-width: 640px) { #primary .posts-author-wrapper .em-author-details { width: 100%; text-align: center; } #primary .posts-author-wrapper .em-author-img { float: none; margin-left: auto; margin-right: auto; } .posts-author-wrapper .em-author-img { width: 140px; height: 140px; } #primary .posts-author-wrapper .em-author-details ul { text-align: center; } } .tagcloud a { font-size: 14px !important; text-transform: uppercase; line-height: 25px; border: 1px solid; padding: 5px 12px; margin-bottom: 16px; display: inline-block; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #f1f1f1; } #loader { border: 3px solid transparent; border-top-color: #3e3e3e; border-radius: 50%; display: block; margin: -75px 0 0 -75px; width: 150px; height: 150px; position: relative; top: 50%; left: 50%; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; -ms-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } #loader:before { border: 3px solid transparent; border-top-color: #3e3e3e; border-radius: 50%; content: ""; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; -webkit-animation: spin 3s linear infinite; -moz-animation: spin 3s linear infinite; -o-animation: spin 3s linear infinite; -ms-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } #loader:after { border: 3px solid transparent; border-top-color: #3e3e3e; border-radius: 50%; content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; -webkit-animation: spin 1.5s linear infinite; -moz-animation: spin 1.5s linear infinite; -o-animation: spin 1.5s linear infinite; -ms-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .bg-image, .data-bg { width: 100%; display: block; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; } .data-bg.data-bg-hover.data-bg-categorised a, .data-bg.data-bg-hover.data-bg-featured a, .data-bg.data-bg-hover.data-bg-slide a.aft-slide-items{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .data-bg .site-branding .site-title { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75); } .masthead-banner.data-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: -1; } .data-bg-hover:after { content: ""; background: #222; position: absolute; left: 0; right: 0; bottom:0; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; } .data-bg-hover:hover:before, .data-bg-hover:hover:before { filter: alpha(opacity=10); opacity: .1; } .data-bg-hover-1:before { filter: alpha(opacity=100); opacity: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .data-bg-hover-1:hover:before, .data-bg-hover-1:hover:focus { filter: alpha(opacity=100); opacity: 1; } .article-item-image { background: #fff; } .article-item-image img { filter: alpha(opacity=90); width: 100%; } .article-item-image:hover img, .article-item-image:focus img { opacity: 1; } .data-bg-slide { height: 460px; } .data-bg-slide a.aft-slide-items{ display: block; height: 100%; width: 100%; font-size: 0; position: absolute; top: 0; left: 0; } .data-bg-slide img{ width: 100%; height: 100%; object-fit: cover; } .full-section-slider .data-bg-slide { height: 720px; } .full-section-slider .slider-figcaption { padding: 100px 10%; } .full-section-slider .slider-figcaption .slide-title { font-size: 48px; line-height: 1.1; } .full-section-slider .figure-categories .cat-links, .full-section-slider .slider-figcaption .grid-item-metadata .item-metadata { font-size: 16px; } .full-section-slider .em-post-format { margin-right: 6px; } .full-section-slider .figure-categories-bg .em-post-format::before { content: ''; position: absolute; top: -1px; left: -6px; height: 24px; width: 24px; background: #8a8181; border-radius: 50%; } .main-slider.slick-initialized .slick-slide { padding: 0 2.5px; } .em-latest-post-carousel .data-bg-slide, #secondary .data-widget-slide { height: 300px; } .em-latest-post-carousel .slider-figcaption, #secondary .slider-figcaption { padding: 20px; } #secondary .slider-figcaption .slide-title { font-size: 18px; } .data-widget-slide { height: 490px; } .data-bg-slide a.aft-slide-items{ display: block; height: 100%; width: 100%; font-size: 0; position: absolute; top: 0; left: 0; } .data-widget-slide img{ width: 100%; height: 100%; object-fit: cover; } .full-content-layout.full-width-content .data-widget-slide { height: 600px; } .full-content-layout.full-width-content .data-widget-slide .slide-title{font-size: 30px;} .data-bg-featured, .data-bg-categorised, .data-widget-featured { height: 180px; background-color: #d7d7d7; } .data-bg-featured a, .data-bg-categorised a, .data-widget-featured a{ display: block; height: 100%; width: 100%; font-size: 0; position: absolute; top: 0; left: 0; } .data-bg-featured img, .data-bg-categorised img, .data-widget-featured img{ width: 100%; height: 100%; object-fit: cover; } .full-content-layout.full-width-content .data-widget-featured {height: 400px;} .magazine_7_product_categories .data-widget-featured{ height: 250px; } .full-content-layout .data-bg-featured, .full-content-layout .data-bg-categorised{ height: 300px; } .full-content-layout .first-grid-element .data-widget-featured { height: 500px; } .full-content-layout .posts-carousel .data-bg-featured, .full-content-layout .af-main-banner-latest-posts .data-bg-categorised { height: 225px; } .default-content-layout .posts-carousel .data-bg-featured, .default-content-layout .af-main-banner-latest-posts .data-bg-categorised { height: 180px; } @media (min-width: 1600px) { .data-bg-slide { height: 460px; } .full-section-slider .data-bg-slide { height: 930px; } .data-widget-slide { height: 500px; } .data-bg-featured, .data-bg-categorised { height: 250px; } .data-widget-featured { height: 290px; } } @media (max-width: 991px) { } @media (max-width: 767px) { } .top-masthead { background: #353535; } .top-masthead-overlay { background: rgba(0, 0, 0, .75); position: absolute; width: 100%; top: 0; left: 0; right: 0; z-index: 1; } .admin-bar .top-masthead-overlay { top: 32px; } .top-masthead, .top-masthead a { color: #fff; font-size: 14px; } .topbar-date { margin-right: 15px; height: 45px; line-height: 45px; display: inline-block; padding-right: 20px; } .top-navigation { display: inline-block; } .top-navigation ul { list-style: none; margin: 0 auto; padding: 0; } .top-navigation ul li { display: inline-block; } .top-navigation ul li a { display: block; padding-left: 10px; padding-right: 10px; height: 45px; line-height: 45px; } .top-navigation ul li:first-child a { padding-left: 0; } .masthead-banner { padding: 42px 0; } .masthead-banner.data-bg { padding: 75px 0; z-index: 0; } .masthead-banner .site-branding { text-align: center; } .site-branding .site-title a{ transition: all 0.5s ease-out; } .site-branding .site-title a:hover { transition: all 0.5s ease-out; } .site-branding .site-title { font-size: 100px; margin: 0 auto; text-transform: uppercase; font-weight: 600; line-height: 1; } .site-branding .site-description { margin: 0 auto; text-transform: uppercase; } .site-content { margin: 15px auto; } .home .site-content { margin-top: 0; } .single.full-width-content .site-content .entry-content-wrap { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .site-content { width: 750px; } body.custom-background .site-content { width: 720px; } .site-header .site-branding .site-title a { padding-left: 5px; padding-right: 5px; } } @media (min-width: 992px) { .site-content { width: 970px; } body.custom-background .site-content { width: 940px; } body.full-content-layout .container, body.full-content-layout .site-content { /*padding-left: 30px; padding-right: 30px;*/ } .site-header .site-branding .site-title a { padding-left: 5px; padding-right: 5px; } } @media (min-width: 1200px) { .site-content { width: 1170px; } .home.full-width-content .container, .home.full-width-content .site-content { width: 1100px; } .single.full-width-content .site-content .entry-content-wrap { width: 100%; } body.custom-background .site-content { width: 1140px; } .home.full-content-layout.full-width-content .container, .home.full-content-layout.full-width-content .site-content, .home.full-content-layout.full-width-content .site-content .post-thumbnail img { width: 100%; } } @media (min-width: 1600px) { .site-content, .container { width: 1570px; } .home.full-width-content .container, .home.full-width-content .site-content { width: 1500px; } body.custom-background .site-content { width: 1540px; } .home.full-content-layout.full-width-content .container, .home.full-content-layout.full-width-content .site-content .home.full-content-layout.full-width-content .site-content .post-thumbnail.full-width-image img { width: 100%; } } body.full-content-layout .container, body.full-content-layout .site-content, body.custom-background .site-content .em-breadcrumbs .container { width: 100%; } #primary, #secondary, .primary-1 { float: left; } .entry-content, #secondary .widget, .comments-area, .woocommerce div.product .woocommerce-tabs .panel { padding: 15px; } .entry-content ul, .entry-content ol{ padding-left: 15px; } #primary, .primary-1 { width: 70%; } #secondary { width: 30%; } .full-width-content #primary, .full-width-content .primary-1, #primary.content-area.full-width, .error404 #primary { width: 100%; } .align-content-right #primary, .align-content-right .primary-1 { float: right; } @media only screen and (min-width: 992px) { .align-content-left #primary, .align-content-left .primary-1 { padding-right: 10px; padding-left: 0; } .align-content-left #secondary .widget{ padding: 10px; } .align-content-left #secondary { padding-left: 10px; padding-right: 0px; } .align-content-right #primary, .align-content-right .primary-1 { padding-left: 10px; padding-right: 0px; } .single.align-content-right #primary, .archive.align-content-right #primary { /*border-left: 1px solid;*/ } .align-content-right #secondary { padding-right: 10px; padding-left: 0; } } @media only screen and (max-width: 991px) { #primary, #secondary, .primary-1 { width: 100%; } } .container { margin-right: auto; margin-left: auto; } .af-blocks .row-sm { /*margin-left: -3px; margin-right: -3px;*/ } .col { float: left; padding: 0; width: 100%; } #primary .col-one { width: 10%; } #primary .col-two { width: 20%; } #primary .col-three { width: 30%; } #primary .col-three-point-three { width: 33.33%; } #primary .col-four { width: 40%; } #primary .col-five { width: 50%; } #primary .col-six { width: 60%; } #primary .col-seven { width: 70%; } #primary .col-eight { width: 80%; } #primary .col-nine { width: 90%; } #primary .col-ten { width: 100%; } #primary .prime-row{ margin:0; padding: 0 10px; } #primary ul.article-item.article-list-item.article-tabbed-list.article-item-left li.full-item.clearfix{ margin-bottom: 20px; background: #fff; border: 1px solid rgba(0, 1, 1, 0.1); border-radius: 3px; } #primary .af-tabs.nav-tabs > li > a { padding: 0px 5px 0px 0; } /*#secondary .base-border .col, .site-footer .base-border .col { margin-top: 10px; margin-bottom: 10px; }*/ #secondary .single-column-posts{ border: none; margin-bottom: 0; } #secondary .col.col-details{ margin: 10px 0px; } #secondary .base-border{ margin-bottom: 15px; } #secondary .spotlight-post { border:none; } #secondary .spotlight-post figcaption { padding: 15px 0 0 0; } #secondary .widget-title{ /* margin-bottom: 0; */ } .site-footer .col.col-image { width: 40%; } .site-footer .col.col-details { width: 60%; padding-left: 15px; } @media only screen and (max-width: 767px) { #primary .col-five { width: 100%; } } .primary-footer .base-border:before { background: #35373c; left: 0; } #primary .align-items-center { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center !important; align-items: center !important; } #primary .archive-image-right .align-items-center { display: -webkit-flex; /* Safari */ -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */ display: flex; flex-flow: row-reverse wrap; } #primary .em-express-article-lists .col-four.col-image { width: 41%; } #primary .em-express-article-lists .col-six.col-details { width: 59%; } #primary .col-five.col-details { padding-left: 15px; padding-right: 15px; } #primary .col.col-details{ padding: 10px 0; } .af-main-banner { position: relative; } .af-navcontrols { position: absolute; bottom: 20px; right: 50px; } .banner-trending-posts-wrapper{ margin: 10px 0; } .banner-trending-posts-wrapper h3{ font-size: 14px; } .banner-trending-posts-wrapper .slick-item{ background-color: #ffffff; margin: 0 5px; } .banner-trending-posts-wrapper .slick-slide .data-bg-hover:before{ content: none; } .banner-trending-posts-wrapper figure.featured-article, .banner-trending-posts-wrapper figcaption{ display: inline-block; vertical-align: middle; } .banner-trending-posts-wrapper figure.featured-article{ width: 40%; height: auto; } .banner-trending-posts-wrapper figure .data-bg-featured{ height: 100px; } .banner-trending-posts-wrapper figcaption{ width: 55%; padding-left: 5px; } .banner-trending-posts-wrapper .spotlight-post{ display: block; height: auto; } .banner-trending-posts-wrapper .spotlight-post figcaption{ padding: 5px 5px 5px 15px; } .bann .af-main-banner-featured-posts { margin-top: 50px; } .slide-count { display: inline-block; } .main-slider { margin-top: 5px; margin-bottom: 20px; } .magazine_7_posts_slider_widget{margin-bottom: 20px;} .af-main-banner-featured-posts .widget-title-section, .af-main-banner-featured-products .widget-title-section{ margin: 0px 0 10px; } .af-main-banner-featured-posts .section-title, .af-main-banner-featured-posts .section-subtitle, .af-main-banner-featured-products .section-title, .af-main-banner-featured-products .section-subtitle { padding: 0; margin: 0; } .af-main-banner-featured-posts .section-title { font-weight: 600; } .woocommerce ul.products li.product{ padding-bottom: 15px; margin: 5px; } .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{ width: 31.73%; background: #fff; } .woocommerce .products ul, .woocommerce ul.products { margin-left: -10px; margin-right: -10px; } .woocommerce ul.products li.product .onsale{ right: 0; top: 0; margin: 0; } .woocommerce ul.products li.product h2.woocommerce-loop-product__title, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .button { margin: 0 15px; line-height: normal; } .woocommerce ul.products li.product .button { height: auto; padding: 8px 10px; } .woocommerce ul.products li.product .price{ padding: 5px 0; font-weight: 700; } .af-main-banner-featured-products .woocommerce ul.products li.product { width: 23.8%; } @media only screen and (min-width: 992px) { .full-section-slider .no-gutter-col:nth-child(2), .full-section-slider .no-gutter-col:nth-child(6), .full-section-slider .no-gutter-col:nth-child(10), .full-section-slider .no-gutter-col:nth-child(14), .full-section-slider .no-gutter-col:nth-child(18) { border-left-width: 1px; } } @media only screen and (max-width: 991px) { .af-main-banner .no-gutter-col:nth-child(2), .af-main-banner .no-gutter-col:nth-child(4), .af-main-banner .no-gutter-col:nth-child(6), .af-main-banner .no-gutter-col:nth-child(8), .af-main-banner .no-gutter-col:nth-child(10), .af-main-banner .no-gutter-col:nth-child(12), .af-main-banner .no-gutter-col:nth-child(14), .af-main-banner .no-gutter-col:nth-child(16), .af-main-banner .no-gutter-col:nth-child(18) { border-left-width: 1px; } } .widget .slick-current .banner-half { border-left-width: 1px; } .banner-half figcaption { padding: 15px; } @media only screen and (max-width: 767px) { .banner-half { border-width: 1px; } .banner-half:last-child { border-left: 0; } } .trending-line { border: 1px solid; text-transform: uppercase; font-size: 14px; line-height: 45px; margin: 0 0 25px; position: relative; } .trending-line .trending-now { background-color: #ff3c36; line-height: 48px; float: left; text-transform: uppercase; font-size: 14px; position: relative; padding: 0 20px; margin-right: 5px; } .trending-slides { padding: 0 5px; } .trending-slides .marquee { overflow: hidden; } .trending-slides .marquee .js-marquee { margin: 0; } .trending-slides .marquee a { padding: 0 25px; font-weight: 500; } .trending-slides .marquee a img { width: 25px; height: auto; margin-right: 5px; } .trending-line .trending-now strong { font-weight: 500; } .banner-promotions-wrapper { margin: 10px 0; text-align: center; } .trending-line .trending-control { position: absolute; top: 0; right: 0; } .alert-spinner { width: 20px; height: 20px; display: inline-block; margin-right: 5px; position: relative; vertical-align: middle; } .double-bounce1, .double-bounce2 { background: #fff; width: 100%; height: 100%; border-radius: 50%; opacity: 0.7; position: absolute; top: -2px; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .slick-slide { margin: 0 auto; } .slick-slide, .slick-slide * { outline: none !important; } .slick-item { position: relative; } .slider-figcaption { padding: 20px 10%; } .slider-figcaption-1 { position: absolute; bottom: 0; text-align: center; width: 100%; z-index: 10; } .slider-figcaption a { color: #fff; } .slider-figcaption .slide-title { margin: 5px 10px; font-size: 18px; line-height: 1.5; text-transform: uppercase; } @media only screen and (min-width: 1600px) { .slider-figcaption .slide-title { font-size: 24px; } } .slider-figcaption .slide-title-1 { font-size: 18px; } .slider-figcaption-1 .slide-title a, .grid-item-metadata-1, .slider-figcaption a { color: #ffffff; } /*.slider-figcaption-1 .slide-title a {*/ /*box-decoration-break: clone;*/ /*-webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, .8), -10px 0 0 rgba(0, 0, 0, .8);*/ /*-moz-box-shadow: 10px 0 0 rgba(0, 0, 0, .8), -10px 0 0 rgba(0, 0, 0, .8);*/ /*-ms-box-shadow: 10px 0 0 rgba(0, 0, 0, .8), -10px 0 0 rgba(0, 0, 0, .8);*/ /*-o-box-shadow: 10px 0 0 rgba(0, 0, 0, .8), -10px 0 0 rgba(0, 0, 0, .8);*/ /*box-shadow: 10px 0 0 rgba(0, 0, 0, .8), -10px 0 0 rgba(0, 0, 0, .8);*/ /*display: inline;*/ /*}*/ .slick-slide .data-bg-hover:after { filter: alpha(opacity=100); opacity: 0.75; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .widget.magazine-7-widget.magazine_7_posts_carousel_widget .slick-slide .data-bg-hover:before { opacity: 0; } .slider-figcaption .grid-item-metadata .item-metadata { padding-left: 5px; padding-right: 5px; } .af-navcontrols .slick-arrow, .af-navcontrols .slide-count { float: left; height: 40px; line-height: 50px; text-align: center; padding-left: 5px; padding-right: 5px; } .af-navcontrols .slick-arrow { cursor: pointer; width: 40px; } .slide-icon { display: inline-block; height: 20px; width: 20px; } .slide-icon, .featured-article-wrapper, .categorised-article-wrapper { position: relative; } .slide-icon-1 { position: absolute; z-index: 1; display: block; width: 60px; height: 50px; font-size: 16px; line-height: 50px; cursor: pointer; color: rgba(255, 255, 255, 0.75); top: 50%; margin-top: -25px; text-align: center; padding: 0; } .slide-icon:before { display: block; line-height: 50px; } .slide-prev:hover, .slide-prev:focus, .slide-next:hover, .slide-next:focus { outline: none !important; } .slide-prev { left: 0; } .slide-next { right: 0; } .featured-article-wrapper figcaption { position: absolute; bottom: 0; padding-left: 15px; padding-right: 15px; z-index: 1; } .featured-article-wrapper figcaption .article-title { font-size: 24px; } .featured-article-wrapper figcaption .grid-item-metadata p { text-transform: none; font-size: 15px; } .slide-icon:before { color: rgba(255, 255, 255, 0.75); display: inline-block; position: absolute; top: 0; margin: auto; height: 20px; width: 20px; } .magazine_7_posts_slider_widget .slide-icon:before , .main-slider .slide-icon:before, .posts-carousel .slide-icon:before { height: 30px; width: 30px; background-color: rgba(255, 255, 255, 0.75); color:#000; line-height: 30px; border-radius: 50%; } .magazine_7_posts_slider_widget .slide-icon-1,.main-slider .slide-icon-1{ height: 0; width: 0; } .magazine_7_posts_slider_widget .cat-links li.meta-category{ margin-bottom: 0px; padding-bottom: 0px; } .slide-prev:before { left: 10px; right: inherit; } .slide-next:before { left: inherit; right: 10px; } .slide-prev-1:before { left: 35px; } .main-slider .slide-prev-1:before { left: 32px; } #secondary .slide-prev-1:before, .posts-carousel .slide-prev-1:before, .latest-posts-carousel .slide-prev-1:before { left: 20px; } .posts-carousel .slide-icon-1 { top: 45%; } .slide-next-1:before { right: 35px; } .main-slider .slide-next-1:before { right: 32px; } #secondary .slide-next-1:before, .posts-carousel .slide-next-1:before, .latest-posts-carousel .slide-next-1:before { right: 20px; } .trending-slides .slide-prev, .trending-slides .slide-next { top: 0; width: 40px; position: absolute; z-index: 1; height: 45px; cursor: pointer; color: #fff; text-align: center; padding: 0; } .trending-slides .slick-slide a { margin-right: 30px; } .trending-slides .slide-prev { right: 40px; left: inherit; } .trending-slides .slide-next { right: 0; } .trending-slides .slide-icon:before { height: 16px; line-height: 16px; } .post-description { font-size: 15px; margin: 5px auto; } .featured-article-wrapper figcaption a { color: #fff; } .figure-categories-1 { padding-left: 20px; padding-right: 20px; } .figure-categories .cat-links{ list-style: none; } .cat-links { display: inline; } .figure-categories .cat-links li{ display: inline-block; opacity: 0.9; margin-bottom: 5px; padding-bottom: 0; } .figure-categories .cat-links li:hover{ opacity: 1; } .figure-categories .cat-links a.magazine-7-categories { line-height: 1; padding: 4px 12px; margin-right: 5px; color: #fff; background-color: #009cff; border-radius: 30px; display: inline-block; } .figure-categories .cat-links a.category-color-2 { background-color: #f99500; } .figure-categories .cat-links a.category-color-3 { background-color: #d60000; } .em-reated-posts ul.cat-links li { width: auto; } .em-reated-posts ul.cat-links a:first-child { padding-left: 12px; } .grid-item-metadata { display: inline-block; font-size: 12px; text-transform: uppercase; } .grid-item-metadata i { border: 1px solid; border-radius: 50%; padding: 5px; margin-right: 5px; } .grid-item-metadata .posts-author i, .grid-item-metadata .posts-date i{ border: none; font-weight: 400; } .grid-item-metadata .posts-author a{ font-weight: 600; } .spotlight-post, .single-column-posts, #secondary .widget, article .entry-content-wrap, article .comments-area, article .em-posts-promotions .widget{ background-color: #fff; border: 1px solid rgba(0, 1, 1, 0.1); border-radius: 3px; margin: 0px 0px 20px 0px; position: relative; } .archive-layout-list { background: #fff; border: 1px solid rgba(0, 1, 1, 0.1); border-radius: 3px; margin: 0px 0px 20px 0px; } .woocommerce ul{ list-style: none; } .woocommerce ul li.product{ margin-bottom: 20px; } .woocommerce ul li.product .af-grid-li{ background-color: #fff; border: 1px solid rgba(0, 1, 1, 0.1); border-radius: 3px; } .aft-product-list-thumb { position: relative; } .aft-product-list-thumb img { width: 100%; } .aft-product-list-desc { padding: 20px; } .aft-product-list-title h2{ padding: .5em 0; margin: 0; font-size: 1em; font-family: Montserrat; } .aft-product-list-rating span.price .woocommerce-Price-amount{ /*display: block;*/ font-weight: 700; margin-bottom: .5em; font-size: .857em; } .aft-product-list-rating span.price { padding: 5px 0; font-weight: 700; } .woocommerce ul li.product .price del{ color: inherit; opacity: .5; display: inline-block; } .woocommerce ul li.product .price ins { font-weight: 700; display: inline-block; } .home .banner-half.woocommerce ul li.product .onsale { right: 0; top: 0; margin: 0; left: inherit; } .home .banner-half.woocommerce ul li.product .onsale:hover{ background: #333; color: #fff; } .spotlight-post-1 { margin-bottom: 0; } .full-width-image img { width: 100%; } .spotlight-post figcaption { padding: 15px; } .categorised-article-list { margin-bottom: 15px; padding-bottom: 15px; } .magazine_7_double_col_double_categorised_posts .categorised-article-list:last-child { border: none; } .em-express-article-grids { margin: 0 0px 20px 0; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 20px 0; } .search-results .hentry, .latest-posts-list.hentry { margin: 0 0 0px 0; } .hentry .header-details-wrapper { border-bottom: 1px solid rgba(0, 1, 1, 0.1); background: #f7f7f7; } .hentry .entry-header-details { padding: 30px; } .entry-header-details .post-excerpt { font-size: 22px; } .entry-header-details .post-excerpt p { margin: 0; } .entry-header-details .entry-title { margin: 5px 0; letter-spacing: 0; } @media only screen and (min-width: 1600px) { .entry-header-details .entry-title { font-size: 48px; } } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .entry-content-wrap { font-size: 18px; } .page-links { clear: both; margin: 0 0 1.5em; } .article-title { margin: 0 auto; line-height: 1.4; font-size: 16px; text-transform: uppercase; letter-spacing: .5px; } .sticky .article-title::before { content: "\e91c"; font-family: 'aft-icons' !important; font-size: 90%; } .entry-content .post-item-metadata { padding: 15px 0; text-transform: uppercase; font-size: 14px; } .entry-content .post-item-metadata .cat-links, .entry-content .post-item-metadata .tags-links, .entry-content .post-item-metadata .author-links { padding-right: 15px; } .entry-content-wrap .promotionspace { margin-top: 15px; } @media only screen and (min-width: 1600px) { .article-title-1 { font-size: 24px; } } .em-reated-posts .related-title { margin: 0 auto; } .align-content-left .em-reated-posts .data-bg-categorised, .align-content-right .em-reated-posts .data-bg-categorised { height: 180px; } .em-reated-posts ul { list-style: none; margin-left: 30px; padding: 0; } .em-reated-posts ul.cat-links{ margin-left: 0px; } .em-reated-posts ul.cat-links li{ margin-bottom: 5px; padding-bottom: 0px; } .em-reated-posts ul li { padding-bottom: 15px; } .em-reated-posts ul li{ display: table; width: 100%; } .em-reated-posts ul li img, .em-reated-posts ul li .related-posts-wrapper { display: inline-block; vertical-align: middle; } .em-reated-posts ul li img { width: 50px; border-radius: 100%; } .em-reated-posts ul li .related-posts-wrapper { padding: 0 15px; } .em-reated-posts .cat-links { font-size: 14px; text-transform: uppercase; } .em-reated-posts .cat-links a { color: #2a2a2a; padding: 0 5px; } .em-reated-posts .cat-links a:first-child { padding-left: 0; } .magazine-7-product-summary-wrap { background: #f7f7f7; border: 1px solid rgba(0, 1, 1, 0.1); border-bottom: 0; margin-right: 10px; } .woocommerce-tabs.wc-tabs-wrapper { margin-right: 10px; } .woocommerce div.product div.images { margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs .panel { border: 1px solid rgba(0, 1, 1, 0.1); border-top: 0; border-radius: 0; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, span.item-metadata.posts-date { margin-left: 10px; } form.cart button, .woocommerce-cart-form button { color: #fff; height: 45px; } .woocommerce #respond input#submit, .woocommerce button.button, .woocommerce input.button { height: 45px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ padding: 0.518em 1em; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ color: #fff; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: auto; } .woocommerce table.shop_table { background: #fff; } .woocommerce .input-radio,.woocommerce .input-checkbox{ height: auto; } p#order_comments_field .woocommerce-input-wrapper .input-text { padding: 10px; } #search-2 .search-form,#search-2 label{ padding-top: 0; margin-bottom: 0; } .post-thumbnail img { width: 100%; } .latest-posts-full .header-details-wrapper { background: #ffffff; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-area .comments-title, .comments-area .comment-reply-title, .related-title { padding: 15px 0; text-transform: uppercase; } .comments-area .comments-title { padding-left: 20px; padding-right: 20px; } .comment-respond .comment-reply-title { margin: 0; margin-top: 30px; } .comments-area .comment-list { padding-left: 0; margin-left: 0; } .comments-area .comment-list, .comments-area .comment-list .children { list-style-type: none; } .comments-area .comment-author img { border-radius: 100%; width: 64px; height: 64px; float: left; margin-right: 15px; } .comments-area .comment-author a { color: #35353c; text-decoration: none; } .comments-area .comment-content, .comments-area .comment-awaiting-moderation, .comments-area .reply { padding-left: 80px; } .comments-area .reply { margin-bottom: 15px; } .comments-area .reply .comment-reply-link { text-decoration: none; padding: 0 15px; border-radius: 4px; line-height: 26px; height: 26px; display: inline-block; } .comments-area .reply .comment-reply-link:hover { color: #3c3c3c; } .comments-area .comment-respond { outline: 0; } .comments-area .comment-form-comment label, .comments-area .comment-form-comment textarea { width: 100% } .comments-area .comment-respond .form-submit input { display: inline-block; text-decoration: none; text-transform: uppercase; margin-top: 20px; min-width: 180px; } .comments-area .comment-respond .form-submit input, .comments-area .comment-respond .form-submit input:hover { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .comments-area .comment-respond .comment-form-author label, .comments-area .comment-respond .comment-form-email label, .comments-area .comment-respond .comment-form-url label { width: 100px; } .comments-area .comment-notes { margin-bottom: 30px; } .comments-area .comment-form label { color: #808086; } .comments-area .blog-img-wide.blogdetails img { height: auto; padding: 20px; width: 100%; } .comment-form label { color: #707070; display: block; text-transform: uppercase; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { border-color: #e4e4e4; width: 100%; } .comment-form-author, .comment-form-email { width: 50%; float: left; } .comment-form-author { padding-right: 10px; } .comment-form-email { padding-left: 10px; } .comment.depth-4 ol { margin-left: 0; padding-left: 0; } @media only screen and (max-width: 767px) { .comments-area .comment-list, .comments-area .comment-list .children { margin-left: 0; padding-left: 0; } } .comment-metadata { background: #f3f3f3; font-size: 85%; line-height: 1.2; margin: 5px auto 10px; display: inline-block; padding: 5px 15px; } /*-------------------------------------------------------------- ##Back to top --------------------------------------------------------------*/ #scroll-up { position: fixed; z-index: 8000; bottom: 40px; right: 20px; display: none; width: 50px; height: 50px; font-size: 14px; line-height: 50px; text-align: center; text-decoration: none; cursor: pointer; opacity: 1 !important; } #scroll-up:hover, #scroll-up:focus { background-color: #373737; border-color: #373737; } #scroll-up i { display: inline-block; } #scroll-up i:before{ font-style: normal; position: absolute; left: 50%; top: 0; transform: translateX(-50%); font-size: 18px; } #scroll-up:hover i, #scroll-up:focus i { color: #fff; } @media only screen and (max-width: 767px) { #scroll-up { right: 20px; bottom: 20px; } } /*-------------------------------------------------------------- # off canvas close button --------------------------------------------------------------*/ #sidr { padding-top: 60px; } a.sidr-class-sidr-button-close { position: absolute; right: 15px; top: 15px; height: 30px; width: 30px; line-height: 30px; border: 2px solid #000; } a.sidr-class-sidr-button-close:focus { outline: 1px dotted #000; } a.sidr-class-sidr-button-close::before { content: ""; } a.sidr-class-sidr-button-close::before, a.sidr-class-sidr-button-close::after { position: absolute; content: ''; width: 20px; height: 2px; left: 5px; top: 6px; background-color: #000; -webkit-transition: all .075s ease-in-out; -moz-transition: all .075s ease-in-out; -ms-transition: all .075s ease-in-out; -o-transition: all .075s ease-in-out; transition: all .075s ease-in-out; } a.sidr-class-sidr-button-close:before { -webkit-transform: translate(-2px, 6px) rotateZ(-45deg); -moz-transform: translate(-2px, 6px) rotateZ(-45deg); -ms-transform: translate(-2px, 6px) rotateZ(-45deg); -o-transform: translate(-2px, 6px) rotateZ(-45deg); transform: translate(-2px, 6px) rotateZ(-45deg); } a.sidr-class-sidr-button-close:after { top: 22px; -webkit-transform: translate(-2px, -10px) rotateZ(45deg); -moz-transform: translate(-2px, -10px) rotateZ(45deg); -ms-transform: translate(-2px, -10px) rotateZ(45deg); -o-transform: translate(-2px, -10px) rotateZ(45deg); transform: translate(-2px, -10px) rotateZ(45deg); } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery .slick-dots { bottom: -30px; } .gallery-item { display: block; float: left; width: 100%; padding: 5px; position: relative; /*margin-bottom: 20px;*/ } .widget_media_gallery .gallery-item {padding: 1px;} .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: left; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: left; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: left; } .gallery-columns-6 .gallery-item { width: 16.66%; } .gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: left; } .gallery-columns-7 .gallery-item { width: 14.28%; } .gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: left; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: left; } .gallery-columns-9 .gallery-item { width: 11.11%; } .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .gallery-caption { display: block; background: #000; background: rgba(0, 0, 0, .74); color: #fff; font-size: 85%; line-height: 1.22857143; position: absolute; bottom: 0; left: 5px; right: 5px; padding: 15px; text-align: left; } @media only screen and (max-width: 991px) { .gallery .gallery-item { clear: none !important; } .gallery.gallery-columns-1 .gallery-item { width: 100%; } .gallery .gallery-item:nth-child(2n+1) { /*clear: left !important;*/ } } @media only screen and (max-width: 640px) { body .gallery .gallery-item { float: left; margin-left: auto; margin-right: auto; max-width: 290px; width: 50%; } } /*-------------------------------------------------------------- # Social Icons --------------------------------------------------------------*/ .social-navigation ul li a:after, .social-widget-menu ul a:before { display: inline-block; font-family: 'aft-icons' !important; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .magazine-7-widget .social-widget-menu ul a:before { font-size: 18px; } .main-navigation ul ul a:before { display: inline-block; font-family: 'aft-icons' !important; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; } .top-masthead .social-navigation, .footer-social-wrapper .social-navigation { float: right; } .social-navigation ul, .social-widget-menu ul, .em-author-details ul { list-style: none; margin: 0 auto; padding: 0; text-align: center; } .social-navigation ul li, .social-widget-menu ul li, .em-author-details ul li { display: inline-block; vertical-align: middle; } .social-navigation ul li a, .social-widget-menu ul li a, .em-author-details ul li a { display: block; width: 45px; height: 45px; font-size: 18px; line-height: 40px; position: relative; text-align: center; border-radius: 100%; outline: none; } .social-navigation ul li a { width: 35px; font-size: 16px; text-align: right; } .social-navigation ul li a:after, .social-widget-menu ul a:before, .em-author-details ul li a:before { vertical-align: middle; } .social-widget-menu ul { text-align: left; } .social-widget-menu ul li a, .em-author-details ul li a { border: 1px solid; color: #2a2a2a; margin-bottom: 3px; } .social-widget-menu ul li a:hover, .em-author-details ul li a:hover{ color: #009cff; } .social-navigation ul a[href*="buffer.com"]:after, .social-widget-menu ul a[href*="buffer.com"]:before { content: "\e925"; } .social-navigation ul a[href*="snapchat.com"]:after, .social-widget-menu ul a[href*="snapchat.com"]:before { content: "\f2ad"; } .social-navigation ul a[href*="viber.com"]:after, .social-widget-menu ul a[href*="viber.com"]:before { content: "\e90c"; } .social-navigation ul a[href*="twitch.com"]:after, .social-widget-menu ul a[href*="twitch.com"]:before { content: "\e90b"; } .social-navigation ul a[href*="tiktok.com"]:after, .social-widget-menu ul a[href*="tiktok.com"]:before { content: "\e900"; } .social-navigation ul a[href*="dribble.com"]:after, .social-widget-menu ul a[href*="dribble.com"]:before { content: "\f17d"; } .social-navigation ul a[href*="facebook.com"]:after, .social-widget-menu ul a[href*="facebook.com"]:before { content: "\f09a"; } .social-navigation ul a[href*="threads.com"]:after, .social-widget-menu ul a[href*="threads.com"]:before { content: "\e916"; } .social-navigation ul a[href*="vk.com"]:after, .social-widget-menu ul a[href*="vk.com"]:before { content: "\f189"; } .social-navigation ul a[href*="twitter.com"]:after, .social-widget-menu ul a[href*="twitter.com"]:before { content: "\f099"; } .social-navigation ul a[href*="linkedin.com"]:after, .social-widget-menu ul a[href*="linkedin.com"]:before { content: "\f0e1"; } .social-navigation ul a[href*="instagram.com"]:after, .social-widget-menu ul a[href*="instagram.com"]:before { content: "\f16d"; } .social-navigation ul a[href*="youtube.com"]:after, .social-widget-menu ul a[href*="youtube.com"]:before { content: "\f16a"; } .social-navigation ul a[href*="vimeo.com"]:after, .social-widget-menu ul a[href*="vimeo.com"]:before { content: "\f27d"; } .social-navigation ul a[href*="plus.google.com"]:after, .social-widget-menu ul a[href*="plus.google.com"]:before { content: "\f0d5"; } .social-navigation ul a[href*="pinterest.com"]:after, .social-widget-menu ul a[href*="pinterest.com"]:before { content: "\f0d2"; } .social-navigation ul a[href*="tumblr.com"]:after, .social-widget-menu ul a[href*="tumblr.com"]:before { content: "\f173"; } .social-navigation ul a[href*="wordpress.org"]:after, .social-widget-menu ul a[href*="wordpress.org"]:before, .social-navigation ul a[href*="wordpress.com"]:after, .social-widget-menu ul a[href*="wordpress.com"]:before { content: "\f19a"; } .social-navigation ul a[href*="whatsapp.com"]:after, .social-widget-menu ul a[href*="whatsapp.com"]:before { content: "\f232"; } .social-navigation ul a[href*="reddit.com"]:after, .social-widget-menu ul a[href*="reddit.com"]:before { content: "\f281"; } .social-navigation ul a[href*="t.me"]:after, .social-widget-menu ul a[href*="t.me"]:before { content: "\f2c6"; } .social-navigation ul a[href*="ok.ru"]:after, .social-widget-menu ul a[href*="ok.ru"]:before { content: "\f263"; } .social-navigation ul a[href*="wechat.com"]:after, .social-widget-menu ul a[href*="wechat.com"]:before { content: "\f1d7"; } .social-navigation ul a[href*="weibo.com"]:after, .social-widget-menu ul a[href*="weibo.com"]:before { content: "\f18a"; } .social-navigation ul a[href*="github.com"]:after, .social-widget-menu ul a[href*="github.com"]:before { content: "\e902"; } .social-navigation ul a[href*="soundcloud.com"]:after, .social-widget-menu ul a[href*="soundcloud.com"]:before { content: "\f1be"; } .social-navigation ul a[href*="behance.net"]:after, .social-widget-menu ul a[href*="behance.net"]:before { content: "\f1b4"; } .social-navigation ul a[href*="quora.com"]:after, .social-widget-menu ul a[href*="quora.com"]:before { content: "\f2c4"; } .social-navigation ul a[href*="yahoo.com"]:after, .social-widget-menu ul a[href*="yahoo.com"]:before { content: "\e90d"; } .social-navigation ul a[href*="spotify.com"]:after, .social-widget-menu ul a[href*="spotify.com"]:before { content: "\f1bc"; } .social-navigation ul a[href*="messenger.com"]:after, .social-widget-menu ul a[href*="messenger.com"]:before { content: "\e901"; } .social-navigation ul a[href*="stackoverflow.com"]:after, .social-widget-menu ul a[href*="stackoverflow.com"]:before { content: "\f16c"; } .social-navigation ul a[href*="slack.com"]:after, .social-widget-menu ul a[href*="slack.com"]:before { content: "\f198"; } .social-navigation ul a[href*="telegram.com"]:after, .social-widget-menu ul a[href*="telegram.com"]:before { content: "\f2c6"; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .em-latest-post-carousel { margin-bottom: -6px; } .latest-posts-carousel { text-align: center; } .latest-posts-carousel .slick-track { display: inline-block; } .site-footer { background: #1f2125; } .primary-footer{ padding-top: 60px; } .site-footer, .site-footer a { color: #fff; } .footer-logo { padding: 30px 0; text-align: center; border-top: 1px solid; border-bottom: 1px solid; } .secondary-footer { padding: 15px 0; } .footer-nav-wrapper ul { list-style: none; margin: 0 auto; padding: 0; } .footer-nav-wrapper ul li { display: inline-block; } .footer-nav-wrapper ul li a { padding-right: 16px; line-height: 45px; } .site-info { background: #121314; padding: 20px 0; text-align: center; } .offcanvas, .icon-search, .navigation-container, .main-navigation, .af-main-banner, .banner-half, .categorised-article-list, .trending-line, .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation, .comment-respond .comment-reply-title, .related-title, .em-reated-posts ul li, .single.align-content-right #primary, .archive.align-content-right #primary, .single.align-content-left #primary, .archive.align-content-left #primary, .main-navigation .menu .menu-mobile li, .site-footer .tagcloud a { /*border-color: rgba(0,1,1,0.1);*/ border: none; } .site-footer .tagcloud a { border: 1px solid; border-color: rgba(255, 255, 255, 0.4); margin-bottom: 4px; } .main-navigation{ background: #fff; } .footer-logo, .tagcloud a { border-color: #35373c; } .offcanvas-menu span, .data-bg, .primary-color { background-color: #333; color: #fff; } .secondary-color, button, input[type="button"], input[type="reset"], input[type="submit"], .site-content .search-form .search-submit, .site-footer .search-form .search-submit, .tagcloud a:hover { background: #009cff; color: #fff; } body .tagcloud a:hover { color: #fff; } .slider-figcaption .grid-item-metadata .item-metadata, .af-navcontrols .slide-count, .figure-categories .cat-links { font-size: 12px; font-weight: 400; text-transform: uppercase; } .af-navcontrols .slide-count { color: rgba(255, 255, 255, 0.65); } .em-post-format { color: #fff; display: inline-block; position: relative; margin-right: 5px; } .em-post-format i { position: relative; display: inline-block; } .figure-categories-bg .em-post-format { color: #fff; font-size: 12px; display: inline-block; line-height: 23px; } .figure-categories-bg .em-post-format::before { content: ''; position: absolute; top: 1px; left: -4px; height: 20px; width: 20px; background: #8a8181; border-radius: 50%; } @media only screen and (max-width: 1199px) { .top-masthead.top-masthead-overlay { position: relative; top: 0; } } @media only screen and (max-width: 991px) { .top-masthead.top-masthead-overlay { position: relative; top: 0; } body .top-masthead .social-navigation, body .footer-social-wrapper .social-navigation { float: none; } body .top-masthead .social-navigation { margin-bottom: 20px; } .device-center { text-align: center; } } @media only screen and (max-width: 767px) { .slider-figcaption .slide-title { font-size: 22px; } .article-title-1 { font-size: 14px; } .social-navigation ul li a, .social-widget-menu ul li a, .em-author-details ul li a { width: 34px; height: 34px; font-size: 14px; line-height: 34px; } .hentry .header-details-wrapper, body .em-reated-posts { margin-left: auto; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous, .post-navigation .nav-next { width: 100%; } .site-main .comment-navigation:after, .site-main .posts-navigation:after, .site-main .post-navigation:after { display: none; visibility: hidden; opacity: 0; } .footer-nav-wrapper ul { text-align: center; } /*Search*/ .main-navigation .menu .menu-mobile li a { padding-left: 30px; } .af-search-box .search-form { width: 90%; } .af-search-close { top: 30px; right: 30px; } .main-navigation .menu .menu-mobile li a { padding-left: 30px; } .hentry .entry-header-details { margin-top: 0; } .site-header .site-branding .site-title a { padding-left: 0; padding-right: 0; } .nav-previous a, .nav-next a { font-size: 16px; } } @media only screen and (max-width: 480px) { .site-content .site-main .widget-title span, #primary .af-tabs.nav-tabs > li > a { font-size: 24px; } } @media only screen and (max-width: 640px) { .topbar-date { margin-right: auto; padding-right: 0; display: block; height: 25px; } .top-navigation ul li a { height: 25px; } body .top-masthead .social-navigation { margin-bottom: 10px; } .trending-line .trending-now { width: 100%; } .trending-slides { clear: both; } .site-branding .site-title { font-size: 60px; } .site-branding .site-description { font-size: 14px; } /*Search*/ .af-search-close { top: 15px; right: 15px; } .af-search-box .search-form label { width: 100%; padding: 0 15px; } .af-search-box .search-form label .search-field { border-width: 1px; } .af-search-box .search-form .search-submit { width: 65%; float: none; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous, .post-navigation .nav-next { width: 100%; } .wp-post-author-shortcode.left { text-align: center; } .wp-post-author-shortcode.left .awpa-author-block { width: 100%; } } .em-breadcrumbs { -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); padding: 10px 0px; } .em-breadcrumbs ul { list-style: none; margin: 0; padding: 0; } .em-breadcrumbs ul li { display: inline; font-size: 14px; font-weight: 400; text-transform: uppercase; } .em-breadcrumbs ul .trail-item span[itemprop='name'] { position: relative; padding-left: 10px; padding-right: 5px; } .em-breadcrumbs ul .trail-item.trail-begin span { padding-left: 0; } .em-breadcrumbs ul li span[itemprop='name']:before { display: inline-block; content: "/"; position: absolute; top: 0; left: 0; } .em-breadcrumbs ul .trail-item.trail-begin span:before { content: none; } .archive .site-content .header-title-wrapper, .search .site-content .header-title-wrapper, .error404 .site-content .header-title-wrapper { border: 0; margin: 0 auto; padding-bottom: 0; } .site-content .archive-layout-list .entry-title { font-size: 18px; } .magazine_7_double_col_categorised_posts .spotlight-post, .magazine_7_single_col_categorised_posts .col-image, .archive-layout-list .col-image{ position: relative; } .featured-posts-grid .figure-categories, .spotlight-post .figure-categories, .col-image .figure-categories{ position: absolute; top: 15px; left: 15px; } .archive .site .site-content #primary .align-items-center .figure-categories, .search-results .site .site-content #primary .align-items-center .figure-categories { margin-top: 10px; } .archive .site .site-content #primary .latest-posts-grid .align-items-center .figure-categories, .search-results .site .site-content #primary .latest-posts-grid .align-items-center .figure-categories, .archive .site .site-content #primary .archive-layout-list .align-items-center .figure-categories, .search-results .site .site-content #primary .archive-layout-list .align-items-center .figure-categories{ margin-top: 0; } .full-content-layout.full-width-content .data-bg-categorised{ height: 380px; } .full-width-content .data-bg-categorised{ height: 279px; } .align-content-left .data-bg-categorised, .align-content-right .data-bg-categorised{ height: 220px; } .magazine_7_author_info_widget .em-title-subtitle-wrap { text-align: center; } .trending-posts-carousel .slick-track { display: flex; justify-content: center; } /*-------------------------------------------------------------- ##Plugin Support --------------------------------------------------------------*/ .elementor-html #af-preloader{ display: none; } .mailchimp-block { padding: 80px 0; background: #1f2125; } .mailchimp-block .block-title { color: #fff; margin-bottom: 25px; } .mc4wp-form-fields { margin: 0 auto; max-width: 540px; } .mc4wp-form-fields > p { display: block; float: left; } .mc4wp-form-fields > p label { display: none; } .mc4wp-form-fields input[type="text"], .mc4wp-form-fields input[type="email"] { width: 400px; background: transparent; border-color: #4d5b73; color: #fff; border-radius: 0; padding: 0 15px; height: 50px; line-height: 50px; } .mc4wp-form-fields input[type="text"]::-webkit-input-placeholder, .mc4wp-form-fields input[type="email"]::-webkit-input-placeholder { color: #fff; } .mc4wp-form-fields input[type="text"]::-moz-placeholder, .mc4wp-form-fields input[type="email"]::-moz-placeholder { color: #fff; } .mc4wp-form-fields input[type="text"]:-ms-input-placeholder, .mc4wp-form-fields input[type="email"]:-ms-input-placeholder { color: #fff; } .mc4wp-form-fields input[type="text"]:-moz-placeholder, .mc4wp-form-fields input[type="email"]:-moz-placeholder { color: #fff; } .mc4wp-form-fields input[type="submit"] { letter-spacing: 0.2em; text-transform: uppercase; border: 0; height: 50px; line-height: 50px; padding-top: 0; padding-bottom: 0; width: 140px; border-radius: 0; } .mc4wp-form-fields input[type="submit"]:hover, .mc4wp-form-fields input[type="submit"]:focus { filter: alpha(opacity=85); opacity: 0.85; } .mc4wp-response { clear: both; max-width: 540px; margin: 0 auto; } @media only screen and (max-width: 767px) { .mc4wp-form-fields > p, .mc4wp-form-fields input[type="email"], .mc4wp-form-fields input[type="submit"] { width: 100%; } } .tab-article-image img { width: 100%; } .full-width-content .posts-carousel .data-bg-featured{ height: 279px; } /*-------------------------------------------------------------- ##404 page --------------------------------------------------------------*/ .error404 .breadcrumb-trail.breadcrumbs{ display: none; } section.error-404.not-found { width: 50%; margin: 0 auto; min-height: 60vh; padding: 70px 0px; position: relative; display: table; } section.error-404.not-found .error-wrap { vertical-align: middle; white-space: normal; width: 100%; display: table-cell; } @media only screen and (max-width: 1025px) { section.error-404.not-found { width: 70%; } } @media only screen and (max-width: 426px) { section.error-404.not-found { text-align: center; width: 80%; } .site-content section.error-404.not-found .search-form label{ width: 100% } .site-content section.error-404.not-found .search-form .search-submit{ width: auto; } } /*-------------------------------------------------------------- ##404 page --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##new plugin page --------------------------------------------------------------*/ .aftwpl-product-list li .aftwpl-product-list-thumb span.onsale { right: 0; left: inherit; } .product-wrap-pl { background: #fff; border: 1px solid rgba(0, 1, 1, 0.1); border-radius: 3px; margin-bottom: 20px; } .aftwpl-category-desc, .aftwpl-product-list-desc { padding: 10px 20px; margin: 0; } /*-------------------------------------------------------------- ##new plugin page --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##Insta slider --------------------------------------------------------------*/ body .mfp-bg { z-index: 999999; } body .mfp-wrap { z-index: 9999999; } .slick-initialized .slick-slide{ position: relative; } .archive .site-content .align-items-center .entry-title, .search-results .site-content .align-items-center .entry-title, .block-title { text-transform: uppercase; } .enable-promotionspace { margin-top: 25px; } .enable-promotionspace .em-reated-posts { margin: 0 auto; } .wp-post-author-shortcode { border: none; padding: 10px 0; } .wp-post-author-shortcode h3 { text-transform: uppercase; } .slider-pro { margin-left: 0; } .slider-pro .sp-video { display: block; width: 100%; } .slider-pro .sp-video img { width: 100%; } .em-posts-promotions { padding: 20px 20px 20px 0; } /*Header layout 2*/ .header-layout-2 .masthead-banner { padding: 42px 0; } .header-layout-2 .trending-line { border-top: none; margin: 0; } .header-layout-2 .trending-line .trending-now { display: none; } .header-layout-2 .site-header .site-branding .site-title a { padding: 0; } .header-layout-2 .site-branding .site-description { margin: 0; } .header-layout-2 .site-branding.col-sm-5 { padding-left: 0; } .header-layout-2 .site-advertisement.col-sm-7 { padding-right: 0; } .header-layout-2 .banner-promotions-wrapper { margin: 0; } .header-layout-2 .banner-promotions-wrapper .container { width: 100%; padding-right: 0; } .article-title, .main-navigation .menu ul li a, .slider-figcaption .slide-title { letter-spacing: 0; line-height: 1.3; } .magazine_7_posts_slider_widget .slider-figcaption .slide-title{ font-size: 24px; } .aft-image-caption p { margin: 5px 20px; font-size: 14px; font-style: italic; float: left; } /*header layout 1=====================*/ .cart-search { position: absolute; height: 60px; -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; right: 0; top: 0; } .icon-search{ position: relative; display: block; } .search-icon:focus{ outline: 1px dotted; } .search-icon:focus-within { outline: 1px dotted; } .af-cart-wrapper { position: relative; padding-top: 18px; float: left; width: 30px; margin-right: 10px; } .af-cart-icon-and-count i { color: #000; } .af-cart-icon-and-count .item-count { font-weight: 700; color: #fff; background: #d60000; border-radius: 60px; font-size: 10px; display: inline-block; padding: 1px 6px; position: absolute; right: 2%; top: 0; left: inherit; } .top-cart-content.primary-bgcolor { position: absolute; right: 0; top: 120%; z-index: 99; background: #fff; padding: 15px; border:none; left: inherit; width: 340px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -o-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -webkit-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); display: inherit; visibility: hidden; } .af-cart-wrapper.dropdown:hover .top-cart-content.primary-bgcolor { display: inherit; opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -ms-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; transition: opacity 0.4s, top 0.4s; top: 100%; } /*header layout 2=====================*/ .header-layout-2 .site-branding { text-align: left; margin: 10px 0px; width: 20%; position: relative; z-index: 9; } .header-layout-2 .site-branding .site-title { font-size: 30px; } .header-layout-2 .navigation-container { text-align: left; } .header-layout-2 .offcanvas { float: left; width: 24px; position: relative; z-index: 9; } .header-layout-2 .offcanvas-menu { width: 24px; margin-right: 0; } .header-layout-2 .menu.main-menu { float: none; text-align: center; } .header-layout-2 .cart-search {top: 0;} .header-layout-2 .cart-search { float: right; } .header-layout-2 .af-cart-wrapper { position: relative; padding-top: 18px; float: left; width: 60px; } .header-layout-2 .af-cart-icon-and-count .item-count { font-weight: 700; color: #fff; background: #d60000; border-radius: 60px; font-size: 10px; display: inline-block; padding: 1px 6px; position: absolute; left: 20%; top: 0; right: inherit; } .af-cart-icon-and-count i { color: #000; } .af-cart-icon-and-count { float: right; width: 40px; height: 44px; padding: 1px; position: relative; } .em-posts-promotions { padding:0; } .em-posts-promotions img { width: 100%; } article .em-posts-promotions .widget { background: transparent; border: none; } article .em-posts-promotions .widget .widget-title { text-transform: uppercase; } #secondary .widget_media_image img { width: 100%; } .latest-posts-grid .spotlight-post{ width:100%; } /*header layout 2=====================*/ @media only screen and (max-width: 1920px) { .header-layout-2 .site-branding {width: 25%;} } @media only screen and (max-width: 1199px) { .header-layout-2 .site-branding .site-title { font-size: 30px; } } @media only screen and (max-width: 1024px) { .offcanvas{float: left;} .main-navigation .menu > ul {margin: 0 15px;} .main-navigation .menu ul.menu-desktop > li > a {padding: 20px 15px 20px 0;} .header-layout-2 .af-cart-wrapper {width: 40px;} .header-layout-2 .site-branding {width: 30%;} } @media only screen and (max-width: 991px) { .header-layout-2 .menu.main-menu { text-align: left; float: none; } .header-layout-2 .site-branding.col-sm-5, .header-layout-2 .site-advertisement.col-sm-7 { width: 100%; text-align: center; } .header-layout-2 .site-branding.col-sm-5 { text-align: center; } .header-layout-2 .masthead-banner { padding: 30px 0; } .header-layout-2 .site-advertisement.col-sm-7 { padding: 5px 0; margin-top: 30px; } .header-layout-2 .banner-promotions-wrapper .container { padding: 0; } .header-layout-2 .device-center { text-align: left; width: 75%; } .header-layout-2 .top-masthead .col-xs-12.pull-right { width: 25%; } .header-layout-2 .top-masthead { font-size: 12px; } .header-layout-2 .social-navigation ul li a, .header-layout-2 .social-widget-menu ul li a, .header-layout-2 .em-author-details ul li a { width: 20px; height: 20px; } .header-layout-2 .top-masthead .social-navigation { margin: 5px 0; } .header-layout-2 .site-branding .site-title { font-size: 30px; } .header-layout-2 .site-branding .site-description { font-size: 12px; } } .sp-arrow{ font-size: 16px; text-align: center; } .sp-next-arrow:after, .sp-previous-arrow:after { content: none; } .sp-next-arrow:before, .sp-previous-arrow:before { left: auto; top: auto; transform: none; position: static; width: 30px; height: 30px; color: #000; background-color: rgba(255, 255, 255, 0.75); line-height: 30px; border-radius: 50%; display: inline-block; margin: auto; } .sp-arrow.fa-arrow-left:before, .sp-arrow.fa-arrow-right:before { content: "\f060"; } .entry-content > [class*="wp-block-"] a:not(.has-text-color), .entry-content > ul a, .entry-content > ul a:visited, .entry-content > ol a, .entry-content > ol a:visited, .entry-content > p a, .entry-content > p a:visited{color: #1e70cd;} .entry-content > [class*="wp-block-"] a:hover, .entry-content > ul a, .entry-content > ul a:hover, .entry-content > ol a, .entry-content > ol a:hover, .entry-content > p a, .entry-content > p a:hover { text-decoration: underline; } @media only screen and (max-width: 768px) { .header-layout-2 .site-branding {width: 35%; float: left;} .cart-search {position: absolute;top: 0;right: 0;} .full-section-slider .slider-figcaption .slide-title { font-size: 18px; line-height: 1.1; } .ham {margin-left: auto;margin-right: 100px;} .summary.entry-summary { padding: 0px 15px; } .full-section-slider .slider-figcaption { padding: 20px 10%; } } @media only screen and (max-width: 426px) { .ham {margin-left: auto;margin-right: 90px;} .icon-search {line-height: 60px;} .header-layout-2 .site-branding { width: 50%; float: left; margin: 15px 0px; } .header-layout-2 .af-cart-wrapper {width: 35px;} } /*header layout 2=====================*/ @media only screen and (max-width: 480px) { .header-layout-2 .device-center { text-align: center; width: 100%; } .header-layout-2 .top-masthead .col-xs-12.pull-right { text-align: center; width: 100%; } .header-layout-2 .topbar-date { display: none; } .header-layout-2 .top-navigation ul li a { height: 25px; } .header-layout-2 .social-navigation ul li a, .header-layout-2 .social-widget-menu ul li a, .header-layout-2 .em-author-details ul li a { width: 35px; height: 35px; } } .archive-layout-list .col { padding-bottom: 0; } .woocommerce ul.products li.product .woocommerce-loop-category__title{margin-left: 15px;} .woocommerce .aftwpl-product-list-add-to-cart a.button{border-radius: 3px;} /* woocommerce refinement */ .woocommerce, .woocommerce *{ white-space: normal; } .entry-content ul:not([class*="wp-"]):not(.awpa-contact-info).woocommerce-error, .entry-content ul:not([class*="wp-"]):not(.awpa-contact-info).woocommerce-info, .entry-content ul:not([class*="wp-"]):not(.awpa-contact-info).woocommerce-message{ padding-left: 3.5em; } .woocommerce span.onsale { padding: 0 .5em; line-height: 3.236em; } .woocommerce-account .addresses .title .edit, .woocommerce a.added_to_cart { display: inline-block; padding: .618em 1em; line-height: 1; font-weight: 700; margin-top: 1em; margin-left: .5em; border-radius: 3px; } .woocommerce a.added_to_cart { color: #fff; background-color: #515151; } .woocommerce-account .addresses .title .edit{ background-color: rgba(0, 0, 0, 0.1); } .woocommerce-account .addresses .title .edit:hover{ border: none; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.added_to_cart:hover { background-color: #dfdcde; color: #515151; } .woocommerce ul#shipping_method li input[type="radio"] { height: unset; vertical-align: middle; margin-top: 0; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce ul.order_details { padding: 0; } /* woocommerce refinement */ /* bootstrap css reseting */ .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: static; margin-left: 0; } @media only screen and (min-width: 1440px) { .af-main-banner-featured-products .woocommerce ul.products li.product { width: 24%; } } @media only screen and (min-width: 1600px) { .align-content-left .em-reated-posts .data-bg-categorised, .align-content-right .em-reated-posts .data-bg-categorised, .default-content-layout .posts-carousel .data-bg-featured, .default-content-layout .af-main-banner-latest-posts .data-bg-categorised { height: 220px; } .align-content-left .data-bg-categorised, .align-content-right .data-bg-categorised { height: 340px; } } @media only screen and (max-width: 768px) { .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product, .af-main-banner-featured-products .woocommerce ul.products li.product { width: 48.53%; } figure.gallery-item .gallery-icon img { width: 100%; } #primary .col-four, #primary .col-six{ width: 100%; } } @media only screen and (max-width: 426px) { .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product, .af-main-banner-featured-products .woocommerce ul.products li.product { width: 47.43%; } .article-title { margin: 15px auto 0; } .spotlight-post, #secondary .widget, .single-column-posts{ margin: 0 0 10px 0; } figure.gallery-item .gallery-icon img { width: 100%; } #primary .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .af-main-banner-featured-products .woocommerce ul.products li.product { margin-left: 8px; } .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){ float: left; } .checkbox input[type=checkbox]{ position: inherit; margin-left: 0; } } @media only screen and (max-width: 320px) { .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: 100%; } .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) { float: none; } } @media screen and (max-width: 768px){ .slick-item .data-bg-slide { height: 370px; } }