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;
background-image:url('rewindretrobg.png'); background-position:top center;background-repeat:no-repeat;background-attachment: fixed;
}
/* --- RETRO REQUEST ITEM -------- */
.retro-request {
list-style: none;
padding: 12px;
margin-bottom: 12px;
border-radius: 10px;
background: linear-gradient(135deg, #151515, #1f1f1f);
border: 2px solid #333;
box-shadow: 0 0 8px rgba(255,0,150,0.3);
}
/* Song title text */
.retro-request .song-title {
color: #ddd;
margin-bottom: 6px;
font-size: 14px;
}
.artist-name {
font-size: 16px;
color: #f3f3f3; /* off-white */
font-size: 16px;
display: block;
margin-top: 6px;
}
/* --- RETRO BADGES -------- */
/* Image wrapper so badge can position */
.img-wrap {
position: relative;
display: inline-block;
}
/* Position the badge */
.img-badge {
position: absolute;
top: 2px;
right: 2px;
z-index: 5;
}
/* --- RETRO BADGES -------- */
.req-badge {
display: inline-block;
padding: 2px 4px;
border-radius: 6px;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
}
/* Status colors */
.req-badge.warn { background:#ffcc00; color:#000; }
.req-badge.info { background:#00c3ff; color:#000; }
.req-badge.good { background:#5ed45e; color:#000; }
.req-badge.bad { background:#ff4f4f; color:#fff; }
.req-badge.neutral{ background:#aaa; color:#000; }
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="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 10px;
border-top-width: 1px;
border-top-style: solid;
border-left-width: 1px;
border-left-style: solid;
}
tr:last-child td {
border-bottom-width: 1px;
border-bottom-style: solid;
}
td:last-child,
th:last-child {
border-right-width: 1px;
border-right-style: solid;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #3a3a3a;
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,
.exclusive-posts,
.widget-title,
.em-widget-subtitle,
.grid-item-metadata .item-metadata,
.xrnavcontrols .slide-count,
.figure-categories .cat-links,
.nav-links a {
font-family: 'Montserrat:400,700', sans-serif;
}
p {
margin-bottom: 10px;
}
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: #f5f5f5;
}
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: 5px 25px;
}
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;
}
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: #bb1919;
outline: 0;
text-decoration: none;
}
a:focus {
outline: 1px dotted;
}
a:hover, a:active {
outline: 0;
text-decoration: none;
}
/*--------------------------------------------------------------
## bootstrap reset
--------------------------------------------------------------*/
.container{
padding-left: 10px;
padding-right: 10px;
}
[class*="col-"]{
padding-left: 10px;
padding-right: 10px;
}
.main-story-wrapper,
.xrmain-banner-editors-picks,
.trending-story
{
padding-left: 5px;
padding-right: 5px;
}
.xrmain-banner-editors-picks.layout-2 .odd-grid:nth-child(odd){
padding-right: 0;
}
.kol-12{width: 100%; position: relative;}
.row {
margin-right: -10px;
margin-left: -10px;
}
.for-main-row{
margin-right: -5px;
margin-left: -5px;
}
.for-main-row:after{
clear: both;
}
.rowmain {
padding:20px;
background-color:#FFF;
}
.col-sm-15{
position: relative;
min-height: 1px;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (max-width: 768px) {
.col-sm-15{width: 33.33%;float: left;}
.promotion-section {
margin-top: 20px;
}
}
@media (max-width: 426px) {
.col-sm-15{width: 100%;}
}
/*--------------------------------------------------------------
## bootstrap reset
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
border-top: 1px solid;
border-bottom: 1px solid;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.main-navigation span.xrmobile-site-title-wrap {
display: none;
}
.main-navigation.nav-down i.ham {
margin-right: auto;
margin-left: 10px;
}
.header-layout-2 .main-navigation i.ham {
margin-left: auto;
margin-right: 50px;
}
.aft-sticky-navigation {
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
transition: top 0.2s ease-in-out;
}
.nav-up {
top: -90px;
}
/*.sticky + .content {
padding-top: 102px;
}*/
.navigation-container {
border-left: 1px solid;
border-right: 1px solid;
position: relative;
}
.navigation-container .site-title,
.navigation-container ul li a,
.navigation-container .icon-search
{
color: #fff;
}
.icon-search {
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%;
}
/*search*/
.xrsearch-wrap {
width: 25px;
position: relative;
display: inline-block;
text-align: center;
}
.search-icon {
display: block;
line-height: 38px;
font-size: 14px;
color: #fff;
font-weight: 700;
text-align: center;
outline: 0;
}
.search-icon:visited, .search-icon:hover, .search-icon:focus, .search-icon:active {
color: #fff;
outline: 0;
}
.search-icon:focus{
outline: 1px dotted;
}
.search-icon:focus-within {
outline: 1px dotted;
}
.xrsearch-form {
background: #fff;
position: absolute;
right: 0;
top: 120%;
width: 325px;
text-align: left;
visibility: hidden;
filter: alpha(opacity=0);
opacity: 0;
margin: 0 auto;
margin-top: 1px;
padding: 14px;
z-index: 99;
border-radius: 0px;
-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: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
}
/*.search-overlay:focus-within .xrsearch-form {
visibility: visible;
filter: alpha(opacity=1);
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;
}*/
.search-overlay.reveal-search .xrsearch-form {
visibility: visible;
filter: alpha(opacity=1);
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;
}
/*search*/
.main-navigation .toggle-menu {
height: 55px;
cursor: pointer;
display: none;
}
.ham {
width: 23px;
height: 2px;
top: 27px;
display: block;
margin-right: auto;
margin-left: 10px;
background-color: #fff;
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: #fff;
-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: block;
margin: 0;
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;
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
}
.main-navigation .menu ul li i {
padding: 0 10px;
display: inline-block;
line-height: 1px;
}
.main-navigation .menu ul.menu-desktop > li > a {
display: block;
padding: 20px 30px;
padding-left: 0px;
}
@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 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: #353535;
position: absolute;
text-align: left;
visibility: hidden;
filter: alpha(opacity=0);
opacity: 0;
margin: 0 auto;
padding: 0;
z-index: 9;
-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:focus-within > ul{
visibility: visible;
filter: alpha(opacity=1);
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:hover > ul,
.main-navigation .menu li:focus > ul {
visibility: visible;
filter: alpha(opacity=1);
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:focus-within ul {
top: 0;
}
.main-navigation .menu ul ul li:focus ul ,
.main-navigation .menu ul ul li:hover ul {
top: 0;
}
}
@media screen and (max-width: 992em) {
.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%;
}
.aft-sticky-navigation.main-navigation .menu .menu-mobile {
overflow-y: scroll;
max-height: calc(100vh + 30px);
}
.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 {
filter: alpha(opacity=70);
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;
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,
.xrewind-widget:before,
.xrewind-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,
.xrewind-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 {
margin-bottom: 0;
color: #000;
}
.site-content .site-main .widget-title span {
padding-right: 20px;
position: relative;
z-index: 1;
}
.site-content .site-main .widget-title span,
#primary .xrtabs.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;*/
}
}
#secondary .widget ul.xrtabs{background: transparent; padding: 0;}
#secondary .xrtabs.nav-tabs > li > a,
#primary .xrtabs.nav-tabs > li > a {
display: inline-block;
position: relative;
font-size: 20px;
padding: 5px 0px 10px;
margin: 5px 0 13px;
margin-right: 10px;
}
.xrtabs.nav-tabs > li > a:after {
background-color: transparent;
content: '';
width: 0;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
margin: 0 auto;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: width .2s ease;
-moz-transition: width .2s ease;
-o-transition: width .2s ease;
transition: width .2s ease;
}
.xrtabs.nav-tabs > li > a:hover:after {
background-color: #bb1919;
width: 100%;
}
.xrtabs.nav-tabs > li.active > a:after {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: #bb1919;
}
body.full-width-content .xrewind_tabbed_posts_widget .tab-content .article-list-item .col-image{
width: 15%;
}
body.full-width-content .xrewind_tabbed_posts_widget .tab-content .article-list-item .col-details{
width: 84%;
}
@media (max-width: 426px) {
body.full-width-content .xrewind_tabbed_posts_widget .tab-content .article-list-item .col-image,
body.full-width-content .xrewind_tabbed_posts_widget .tab-content .article-list-item .col-details{
width: 100%;
}
}
.widget select {
max-width: 100%;
}
.widget ol,
.widget ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.widget ul li {
/*padding-bottom: 10px;*/
}
#secondary .widget ul li {
/*padding-bottom: 20px;*/
}
/*#secondary .widget ul.cat-links {
margin-bottom: 10px;
}*/
#secondary .widget.widget_recent_entries ul li,
#secondary .widget ul li.tab,
#secondary .widget ul.cat-links li {
padding-bottom: 0px;
}
.widget ul li.full-item,
.widget .xrtabs li {
margin: 0 auto;
padding: 0;
}
.site-footer .widget ul li {
border-bottom: 0;
padding-bottom: 5px;
}
.widget_recent_comments li a,
.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 {
/*border-bottom: 1px solid #35373c;*/
display: table;
padding-bottom: 10px;
font-size: 17px;
position: relative;
width: 100%;
}
.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: #757575;
border-color: #e5e5e5;
}
.xrtabs {
border: 0;
}
.xrtabs.nav-tabs > li > a {
color: #ccc;
padding: 15px 5px 15px 0;
/* text-transform: uppercase; */
font-weight: 600;
font-size: 20px;
}
.xrtabs.nav-tabs > li > a,
.xrtabs.nav-tabs > li.active > a,
.xrtabs.nav-tabs > li.active > a:focus,
.xrtabs.nav-tabs > li.active > a:hover {
background: transparent;
border: 0;
}
.xrtabs.nav-tabs > li.active > a,
.xrtabs.nav-tabs > li:hover > a,
.xrtabs.nav-tabs > li:focus > a {
color: #404040;
}
.primary-footer .xrtabs.nav-tabs > li.active > a,
.primary-footer .xrtabs.nav-tabs > li:hover > a,
.primary-footer .xrtabs.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;
}
.site-content #secondary #wp-calendar tbody td {
border: 1px solid #e8e8e8;
}
#wp-calendar tbody td:hover {
background: #000;
filter: alpha(opacity=42);
opacity: .42;
}
#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 {
display: block;
width: 70%;
float: left;
}
.search-form label .search-field {
height: 45px;
-webkit-border-radius: 0;
border-radius: 0;
padding-left: 10px;
width: 100%;
}
.search-form .search-submit {
border: 0;
color: #fff;
height: 45px;
padding-left: 20px;
padding-right: 20px;
-webkit-border-radius: 0;
border-radius: 0;
width: 30%;
}
.xrsearch-box .search-form {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.xrsearch-box .search-form label {
width: 85%;
width: calc(100% - 200px);
}
.xrsearch-box .search-form .search-submit {
float: right;
font-size: 24px;
width: 200px;
height: 60px;
line-height: 60px;
padding-top: 0;
padding-bottom: 0;
}
.xrsearch-box .search-form label .search-field {
border-width: 1px 0 1px 1px;
height: 60px;
line-height: 60px;
padding: 0 15px;
width: 100%;
}
.posts-author-wrapper .em-author-img {
width: 200px;
height: 200px;
border-radius: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.em-author-details {
text-align: center;
}
.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 {
height: 100vh;
display: flex;
justify-content: center;
align-items: top;
margin-top:200px;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-image:url('assets/css/rewindretrobg.png'); background-position:top center;background-repeat:no-repeat;background-attachment: fixed;
z-index: 99999999;
}
#loader {
width: 180px;
height: 180px;
border: 10px solid #14bbf0;
border-radius: 50%;
position: relative;
}
#loader:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 50%;
border: 10px solid transparent;
border-left-color: crimson;
margin: -22%;
-webkit-animation: rotation 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: rotation 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@-webkit-keyframes rotation {
to {
-webkit-transform: rotate(3turn);
transform: rotate(3turn);
}
}
@keyframes rotation {
to {
-webkit-transform: rotate(3turn);
transform: rotate(3turn);
}
}
.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:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
}
.data-bg-hover:before {
content: "";
background: #222;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
filter: alpha(opacity=100);
opacity: 0.85;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
.data-bg-hover:hover:before {
opacity: 0.75;
filter: alpha(opacity=100);
}
/*.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;
}
.main-slider .data-bg-slide {
height: 430px;
}
.main-banner-3rd .main-slider .data-bg-slide {
height: 540px;
}
.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: 0px;
}
.default-content-layout #secondary .posts-carousel .data-bg-featured,
.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;
}
.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: 220px;
}
.aft-grid-double-column .data-bg-categorised{height: 270px;}
.xrmain-banner-editors-picks .data-bg-featured{
height: 210px;
}
.xrmain-banner-featured-posts .data-bg-featured{
height: 150px;
}
.full-content-layout.full-width-content .data-widget-featured {height: 400px;}
.xrewind_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 .xrmain-banner-latest-posts .data-bg-categorised {
height: 225px;
}
.default-content-layout .posts-carousel .data-bg-featured,
.default-content-layout .xrmain-banner-latest-posts .data-bg-categorised {
height: 180px;
}
.top-masthead {
background: #353535;
}
.top-masthead [class*="col-"] {
padding: 0px;
}
.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;
}
.main-navigation ul>li.current-menu-item>a:after,
.main-navigation ul>li>a:hover:after {
width: 100%;
}
.main-navigation ul>li>ul>li>a:after {
display: none;
}
.main-navigation ul>li>a:after {
background-color: transparent;
content: '';
width: 0;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
margin: 0 auto;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: width .2s ease;
-moz-transition: width .2s ease;
-o-transition: width .2s ease;
transition: width .2s ease;
}
.masthead-banner {
padding: 30px 0;
}
.masthead-banner [class*="col-"] {
padding-left: 0px;
padding-right: 0px;
}
.masthead-banner.data-bg {
padding: 45px 0;
}
.masthead-banner .site-branding {
text-align: left;
padding-right: 10px;
}
.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: 70px;
margin: 0 auto;
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;
}
}
@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;*/
}
}
@media (min-width: 1200px) {
.site-content {
width: 1170px;
}
.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: 1200px){
.container {
width: 1200px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
.container {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1600px) {
.container {
width: 1600px;
}
.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;
}
#primary,
.primary-1 {
width: 70%;
}
#secondary {
width: 30%;
}
body.home.blog #primary {
padding-top: 10px;
}
.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%;
}
}
.xrblocks .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;
}
/*#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 .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;
}
.xrewind_Posts_Grid .spotlight-post,
/*#primary */.align-items-center {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
#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;
}
.xrmain-banner {
position: relative;
}
.xrnavcontrols {
position: absolute;
top: 0px;
right: 0px;
}
.main-slider-wrapper,
.banner-trending-posts-wrapper{
position: relative;
}
.banner-trending-posts-wrapper h3{
font-size: 16px;
}
/*.banner-trending-posts-wrapper .slick-item{
background-color: #ffffff;
}*/
.carousel-image {
min-height: 80px;
}
.trending-posts .carousel-image {
margin-bottom: 10px;
}
.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: top;
}
.banner-trending-posts-wrapper .no-gutter-col{
display: flex;
align-items: center;
}
.banner-trending-posts-wrapper figure.featured-article{
width: 35%;
height: auto;
position: relative;
margin: 0;
}
span.trending-no {
position: absolute;
bottom: 0;
left: 0;
background: #dc2626;
padding: 0px 10px;
color: #ffff;
font-size: 18px;
font-weight: bold;
}
.banner-trending-posts-wrapper figure .data-bg-featured{
height: 100px;
}
.banner-trending-posts-wrapper figcaption{
width: 63%;
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;
}
.xrmain-banner-featured-posts {
/*margin-top: 50px;*/
}
.slide-count {
display: inline-block;
}
.xrmain-banner-featured-posts .widget-title-section,
.xrmain-banner-featured-products .widget-title-section{
margin: 0px 0 10px;
}
.xrmain-banner-featured-posts .section-title,
.xrmain-banner-featured-posts .section-subtitle,
.xrmain-banner-featured-products .section-title,
.xrmain-banner-featured-products .section-subtitle {
padding: 0;
margin: 0;
}
.xrmain-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;
}
.xrmain-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) {
.xrmain-banner .no-gutter-col:nth-child(2),
.xrmain-banner .no-gutter-col:nth-child(4),
.xrmain-banner .no-gutter-col:nth-child(6),
.xrmain-banner .no-gutter-col:nth-child(8),
.xrmain-banner .no-gutter-col:nth-child(10),
.xrmain-banner .no-gutter-col:nth-child(12),
.xrmain-banner .no-gutter-col:nth-child(14),
.xrmain-banner .no-gutter-col:nth-child(16),
.xrmain-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;
}
}
.banner-exclusive-posts-wrapper {
margin-top: 10px;
}
.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;
}
.banner-promotions-wrapper img {
position: relative;
}
.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;
}
.slider-figcaption-1 {
position: absolute;
bottom: 0;
text-align: left;
width: 100%;
z-index: 10;
}
.slider-figcaption a,.slider-figcaption a:hover,.slider-figcaption a:focus,.slider-figcaption a:visited {
color: #fff;
}
.slider-figcaption .slide-title {
margin: 5px;
margin-left: 0px;
font-size: 35px;
line-height: 1.5;
}
@media only screen and (min-width: 1600px) {
.slider-figcaption .slide-title {
font-size: 35px;
}
}
.slider-figcaption .slide-title-1 {
font-size: 18px;
}
.slick-slide .data-bg-hover:before {
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.xrewind-widget.xrewind_posts_carousel_widget .slick-slide .data-bg-hover:before {
opacity: 0;
}
.slider-figcaption .grid-item-metadata .item-metadata ,
span.item-metadata.posts-date{
padding-right: 5px;
}
.xrnavcontrols .slick-arrow,
.xrnavcontrols .slide-count {
float: left;
height: 40px;
line-height: 50px;
text-align: center;
}
.xrnavcontrols .slick-arrow {
cursor: pointer;
}
.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: 0;
margin-top: -28px;
text-align: center;
padding: 0;
}
.no-section-title .slide-icon-1 {
margin-top: 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 {
right: 71px;
}
.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;
}
.slide-icon:before {
height: 25px;
width: 25px;
background-color: #fff;
color: #000;
line-height: 29px;
}
.slide-icon-1{
height: 0;
width: 0;
}
.xrewind_posts_slider_widget .cat-links li.meta-category{
margin-bottom: 0px;
padding-bottom: 0px;
}
.slide-prev:before {
left: 19px;
right: inherit;
}
.slide-next:before {
left: inherit;
right: 1px;
}
.xrewind_posts_carousel_widget .slide-next:before {
left: inherit;
right: 9px;
}
.xrewind_posts_carousel_widget .slide-prev:before {
left: 11px;
right: inherit;
}
.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;
}
.slide-next-1:before {
right: 35px;
}
.main-slider .slide-next-1:before {
right: 32px;
}
#secondary .slide-next-1:before, .posts-carousel .slide-prev-1:before, .latest-posts-carousel .slide-next-1:before {
left: 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;
}
.featured-article-wrapper .figure-categories{
position: absolute;
bottom:10px;
left: 15px;
}
.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;
}
.figure-categories .cat-links li:hover{
opacity: 1;
}
.full-plus-list .spotlight-post:first-of-type .figure-categories .cat-links a.xrewind-categories,
.figure-categories .cat-links a.xrewind-categories {
line-height: 1;
padding: 3px 6px;
margin-right: 5px;
color: #fff;
background-color: #bb1919;
border-radius: 0px;
display: inline-block;
font-weight: bold;
opacity: 1;
}
.xrewind_tabbed_posts_widget .figure-categories .cat-links li,
.list .spotlight-post .figure-categories .cat-links li ,
.full-plus-list .spotlight-post .figure-categories .cat-links li ,
.trending-posts-vertical-carousel .figure-categories .cat-links li ,
.trending-story .figure-categories .cat-links li { float: left; }
.xrewind_tabbed_posts_widget .figure-categories .cat-links a.xrewind-categories,
.list .spotlight-post .figure-categories .cat-links a.xrewind-categories ,
.full-plus-list .spotlight-post .figure-categories .cat-links a.xrewind-categories ,
.trending-posts-vertical-carousel .figure-categories .cat-links a.xrewind-categories ,
.trending-story .figure-categories .cat-links a.xrewind-categories {
padding:0;
color: #bb1919;
background-color: transparent;
opacity: 0.9;
transition: all 0.5s ease-out;
}
.full-plus-list .spotlight-post .figure-categories .cat-links a.xrewind-categories:hover,
.trending-story .figure-categories .cat-links a.xrewind-categories:hover {
opacity: 1;
}
.figure-categories .cat-links a.category-color-2,
.full-plus-list .spotlight-post:first-of-type .figure-categories .cat-links a.xrewind-categories.category-color-2
{
background-color: #2a4051;
}
.trending-story .figure-categories .cat-links a.xrewind-categories.category-color-2,
.list .spotlight-post .figure-categories .cat-links a.xrewind-categories.category-color-2,
.full-plus-list .spotlight-post .figure-categories .cat-links a.xrewind-categories.category-color-2,
.xrewind_tabbed_posts_widget .figure-categories .cat-links a.xrewind-categories.category-color-2,
.trending-posts-vertical-carousel .figure-categories .cat-links a.xrewind-categories.category-color-2
{
color: #2a4051;
}
.figure-categories .cat-links a.category-color-3,
.full-plus-list .spotlight-post:first-of-type .figure-categories .cat-links a.xrewind-categories.category-color-3
{
background-color: #0076b5;
}
.trending-story .figure-categories .cat-links a.xrewind-categories.category-color-3,
.list .spotlight-post .figure-categories .cat-links a.xrewind-categories.category-color-3,
.full-plus-list .spotlight-post .figure-categories .cat-links a.xrewind-categories.category-color-3,
.xrewind_tabbed_posts_widget .figure-categories .cat-links a.xrewind-categories.category-color-3,
.trending-posts-vertical-carousel .figure-categories .cat-links a.xrewind-categories.category-color-3
{
color: #0076b5;
}
.full-plus-list .spotlight-post:first-of-type .figure-categories .cat-links a.xrewind-categories{
color: #ffffff;
}
.em-reated-posts ul.cat-links li {
width: auto;
}
.em-reated-posts ul.cat-links a:first-child {
padding-left: 12px;
}
.grid-item-metadata {
font-size: 12px;
}
.trending-story .grid-item-metadata {
color: #000;
}
.grid-item-metadata i {
border: 1px solid;
padding: 0px;
padding-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;
}
.trending-story .grid-item-metadata .posts-author a{
font-weight: 600;
transition: all 0.5s ease-out;
}
.trending-story .grid-item-metadata .posts-author a:hover{
color: #dc2626;
}
.spotlight-post,
.single-column-posts,
#secondary .widget,
article .entry-content-wrap,
article .comments-area,
article .em-posts-promotions .widget
{
background-color: #fff;
margin: 0px 0px 20px 0px;
position: relative;
}
.xrmain-banner-editors-picks .spotlight-post{
margin: 0px 0px 10px 0px;
}
.archive-layout-list {
background: #fff;
border: 1px solid rgba(0, 1, 1, 0.1);
border-radius: 3px;
margin: 0px 0px 20px 0px;
}
.archive-layout-list .data-bg-hover:before{display: none;}
.woocommerce ul{
list-style: none;
}
.woocommerce ul li.product{
margin-bottom: 20px;
}
.woocommerce ul li.product .xrgrid-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{
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;
}
.spotlight-post figcaption.cate-fig {
padding: 10px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.categorised-article-list {
margin-bottom: 15px;
padding-bottom: 15px;
}
.xrewind_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;
}
.aft-full-title-first{padding-bottom: 5px;}
.hentry .entry-header-details {
padding: 0 0 15px 0;
}
.archive .latest-posts-full.hentry .entry-header-details{
padding: 10px;
}
.hentry .entry-header-details .author-links{
font-size: 18px;
}
.hentry .entry-header-details span.item-metadata.posts-date i {
margin-right: 5px;
}
.hentry .entry-header-details .post-excerpt {
font-size: 20px;
font-style: italic;
}
.entry-header-details .post-excerpt p {
margin: 0;
}
.aft-full-title-first .entry-title,
.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;
}
.latest-posts-list .archive-layout-list .entry-title{margin: 0;}
.article-title {
margin: 0 auto;
line-height: 1.4;
font-size: 16px;
letter-spacing: .5px;
}
.categorized-story .title-heading .article-title-2{
font-size: 18px;
/*font-weight: 900;*/
}
.categorized-story .title-heading .article-title-2 a,
.categorized-story span.item-metadata.posts-author,
.categorized-story .grid-item-metadata .posts-author a,
.categorized-story span.item-metadata.posts-date{
color: #fff;
}
.entry-content .post-item-metadata {
padding: 15px 0;
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;
}
.entry-content ul,
.entry-content ol{
padding-left: 30px;
}
@media only screen and (min-width: 1600px) {
.article-title-1 {
font-size: 20px;
}
.categorized-story .title-heading .article-title-2 {
font-size: 16px;
}
}
.em-reated-posts ul {
}
.em-reated-posts .related-title {
margin: 0 auto;
}
.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: #959595;
padding: 0 5px;
}
.em-reated-posts .cat-links a:first-child {
padding-left: 0;
}
.xrewind-product-summary-wrap {
background: #f7f7f7;
border: 1px solid rgba(0, 1, 1, 0.1);
border-bottom: 0;
margin-right: 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;
padding: 15px;
}
.aft-image-caption p {
margin: 5px 15px;
font-size: 14px;
font-style: italic;
float: left;
}
/*--------------------------------------------------------------
## 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;
}
.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;
margin-top: 20px;
}
.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;
}
.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: 28px;
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:hover i,
#scroll-up:focus i {
color: #fff;
}
@media only screen and (max-width: 767px) {
#scroll-up {
right: 20px;
bottom: 20px;
}
}
/*--------------------------------------------------------------
# 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: normal normal normal 14px/1 'Font Awesome 5 Brands';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.main-navigation ul ul a:before {
display: inline-block;
font: normal normal normal 14px/1 'Font Awesome 5 Free';
font-size: inherit;
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;
margin-right: 1px;
}
.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: 44px;
position: relative;
text-align: center;
border-radius: 100%;
}
.top-masthead .social-navigation ul li a{
text-align: center;
}
.social-navigation ul li a {
font-size: 16px;
}
.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,
.social-navigation ul li a{
border-radius: 0;
color: #fff;
}
.social-navigation ul a[href*="dribbble.com"]:after,
.social-widget-menu ul a[href*="dribbble.com"]:before {
content: "\f17d";
}
.social-navigation ul a[href*="facebook.com"]:after,
.social-widget-menu ul a[href*="facebook.com"]:before {
content: "\f39e";
}
.em-author-details ul li a[href*="facebook.com"],
.social-widget-menu ul li a[href*="facebook.com"],
.social-navigation ul li a[href*="facebook.com"]
{background: #3b5999;}
.em-author-details ul li a[href*="dribbble.com"],
.social-widget-menu ul li a[href*="dribbble.com"],
.social-navigation ul li a[href*="dribbble.com"]
{background: #ea4c89;}
.em-author-details ul li a[href*="vk.com"],
.social-widget-menu ul li a[href*="vk.com"],
.social-navigation ul li a[href*="vk.com"]
{background: #4c75a3;}
.em-author-details ul li a[href*="twitter.com"],
.social-widget-menu ul li a[href*="twitter.com"],
.social-navigation ul li a[href*="twitter.com"]
{background: #55acee;}
.em-author-details ul li a[href*="linkedin.com"],
.social-widget-menu ul li a[href*="linkedin.com"],
.social-navigation ul li a[href*="linkedin.com"]
{background: #0077B5;}
.em-author-details ul li a[href*="instagram.com"],
.social-widget-menu ul li a[href*="instagram.com"],
.social-navigation ul li a[href*="instagram.com"]
{background: #3F729B;}
.em-author-details ul li a[href*="youtube.com"],
.social-widget-menu ul li a[href*="youtube.com"],
.social-navigation ul li a[href*="youtube.com"]
{background: #cd201f;}
.em-author-details ul li a[href*="vimeo.com"],
.social-widget-menu ul li a[href*="vimeo.com"],
.social-navigation ul li a[href*="vimeo.com"]
{background: #1ab7ea;}
.em-author-details ul li a[href*="plus.google.com"],
.social-widget-menu ul li a[href*="plus.google.com"],
.social-navigation ul li a[href*="plus.google.com"]
{background: #dd4b39;}
.em-author-details ul li a[href*="pinterest.com"],
.social-widget-menu ul li a[href*="pinterest.com"],
.social-navigation ul li a[href*="pinterest.com"]
{background: #bd081c;}
.em-author-details ul li a[href*="tumblr.com"],
.social-widget-menu ul li a[href*="tumblr.com"],
.social-navigation ul li a[href*="tumblr.com"]
{background: #34465d;}
.em-author-details ul li a[href*="wordpress.org"],
.social-widget-menu ul li a[href*="wordpress.org"],
.social-navigation ul li a[href*="wordpress.org"]
{background: #21759b;}
.em-author-details ul li a[href*="whatsapp.com"],
.social-widget-menu ul li a[href*="whatsapp.com"],
.social-navigation ul li a[href*="whatsapp.com"]
{background: #25D366;}
.em-author-details ul li a[href*="reddit.com"],
.social-widget-menu ul li a[href*="reddit.com"],
.social-navigation ul li a[href*="reddit.com"]
{background: #ff5700;}
.em-author-details ul li a,
.social-widget-menu ul li a,
.social-navigation ul li a
{background: #bb1919;}
.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: "\f167";
}
.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: "\f09b";
}
/*--------------------------------------------------------------
# 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;
}
.site-footer .widget .col-details ,
.site-footer .widget figcaption {
color: #959595;
}
.site-footer .widget .col-details a,
.site-footer .widget figcaption a{
color: #404040;
}
.site-footer .widget .cat-links 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;
}
.widget_recent_comments li,
.widget_pages li,
.widget_archive li,
.widget_meta li,
.widget_categories li,
.widget_nav_menu li,
.widget_recent_entries li,
.offcanvas,
.icon-search,
.navigation-container,
.main-navigation,
.xrmain-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-color:#212046;
}
.social-widget-menu ul li a,
.em-author-details ul li a,
.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,
.tagcloud a:hover {
background: #212046;
color: #fff;
}
.slider-figcaption .grid-item-metadata .item-metadata,
.xrnavcontrols .slide-count,
.figure-categories .cat-links {
font-size: 12px;
font-weight: 400;
/*text-transform: uppercase;*/
}
.xrnavcontrols .slide-count {
color: rgba(255, 255, 255, 0.65);
}
.em-post-format {
position: absolute;
top: 10px;
left: 10px;
}
.aft-full-title-first .em-post-format ,
.single-post .entry-content-wrap .em-post-format {
position: inherit;
}
.main-slider.slick-initialized .slick-slide .em-post-format {
top: 20px;
left: 20px;
}
.featured-article-wrapper .em-post-format {
top: 15px;
left: 15px;
}
.archive .latest-posts-full .em-post-format,
.article-list-item .em-post-format,
#secondary .widget ul .em-post-format,
.xrewind_single_col_categorised_posts .em-post-format{
top: 10px;
left: 20px;
}
.em-post-format i {
background: #dd2627;
border-radius: 100%;
width: 25px;
display: inline-block;
height: 25px;
text-align: center;
font-size: 13px;
line-height: 25px;
}
.em-post-format {
color: #fff;
font-size: 12px;
display: inline-block;
line-height: 23px;
}
.main-navigation .menu .menu-mobile li a i:before,
.main-navigation .menu .menu-mobile li a i:after {
background-color: #ffffff;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.sub-menu .menu-item-has-children a .fa-angle-down:before {
content: "\f105";
}
/*.figure-categories-bg .em-post-format i {
padding-left: 5px;
padding-right: 5px;
}*/
@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: 16px;
}
.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;
}
.xrsearch-box .search-form {
width: 90%;
}
.xrsearch-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 .xrtabs.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 {
padding-right: 0;
}
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*/
.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;
}
/*.archive .site .site-content #primary .align-items-center,
.search-results .site .site-content #primary .align-items-center {
display: block !important;
}*/
.xrewind_double_col_categorised_posts .spotlight-post,
.xrewind_single_col_categorised_posts .col-image,
.archive-layout-list .col-image
{
position: relative;
}
.article-list-item .col-image,
#secondary .widget ul .col-image,
.xrewind_single_col_categorised_posts .col-image{
margin: 0 -10px;
}
.site-footer .widget ul .col-image,
.site-footer .xrewind_single_col_categorised_posts .col-image,
#secondary .xrewind_single_col_categorised_posts .col-image{
margin: 0;
padding-top: 10px;
}
#secondary .xrewind_single_col_categorised_posts .em-post-format{
top: 20px;
}
#secondary .xrewind_single_col_categorised_posts .single-column-posts{
margin-bottom: 20px;
}
#secondary .xrewind_single_col_categorised_posts .col-details{
padding: 10px;
background: #fff;
}
.site-footer .widget .second-wiz,
.site-footer .xrewind_single_col_categorised_posts .col-details,
.site-footer .xrewind_single_col_categorised_posts .col-image,
.site-footer .widget .full,
.site-footer .widget .full-plus-list,
.site-footer .widget .list,
#secondary .xrewind_single_col_categorised_posts .col-details,
#secondary .widget .second-wiz,
#secondary .xrewind_single_col_categorised_posts .col-image,
#secondary .xrewind_single_col_categorised_posts .col-details{
width: 100%;
}
#secondary .xrewind_double_col_categorised_posts .data-bg-categorised {
height: 200px;
}
.categorized-story .featured-posts-grid .spotlight-post .figure-categories,
.categorized-story .spotlight-post .figure-categories {
position: relative;
top: inherit;
left: inherit;
}
.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 .archive-layout-list .align-items-center .figure-categories{
margin-top: 0;
}
/*section.section-block-upper {
margin-top: 20px;
}*/
.full-content-layout.full-width-content .data-bg-categorised{
height: 380px;
}
.full-width-content .data-bg-categorised{
height: 279px;
}
.default-content-layout .xrmain-banner-latest-posts .data-bg-categorised{
height: 150px;
}
.xrewind_double_col_categorised_posts .data-bg-categorised{
height: 180px;
}
body.full-width-content .xrewind_double_col_categorised_posts .data-bg-categorised{
height: 279px;
}
.xrewind_author_info_widget .em-title-subtitle-wrap {
background-color: transparent;
}
.trending-posts-carousel .slick-track {
/*display: flex;*/
justify-content: center;
}
.trending-posts-carousel .slick-slide {
border: none;
}
.trending-posts-vertical-carousel .slick-slide .carousel-image,
.trending-posts-carousel .slick-slide .carousel-image{
margin-bottom: 10px;
background: #fff;
}
.trending-posts-carousel
{
height:430px;
overflow: hidden;
}
.main-banner-3rd .trending-posts-carousel{height: 540px;}
/*--------------------------------------------------------------
##Plugin Support
--------------------------------------------------------------*/
.elementor-html #xrpreloader{
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: 769px) {
.mc4wp-form-fields > p,
.mc4wp-form-fields input[type="email"],
.mc4wp-form-fields input[type="submit"] {
width: 100%;
}
.trending-posts-carousel {
height: auto;
}
}
.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: 90%;
margin: 0 auto;
min-height: 60vh;
padding: 30px 0px;
position: relative;
display: table;
}
section.error-404.not-found .error-wrap {
margin-top:30px;
white-space: normal;
width: 100%;
display: table-cell;
}
@media only screen and (max-width: 1025px) {
section.error-404.not-found {
width: 90%;
}
}
@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;
}
.single-column-posts .col-details ,
.full-item-details.col-details {
padding: 10px;
}
#secondary .widget ul .col-image {
margin: 0;
padding: 0;
}
}
/*--------------------------------------------------------------
##404 page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
##Insta slider
--------------------------------------------------------------*/
body .mfp-bg {
z-index: 999999;
}
body .mfp-wrap {
z-index: 9999999;
}
.section-insta-block {
/*position: relative;*/
/*background-attachment: fixed;*/
background: #f5f5f5;
/*background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);*/
/*background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);*/
/*background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );*/
}
.section-insta-block:after {
clear: both;
}
/*.section-insta-block::before{*/
/*position: absolute;*/
/*content: '';*/
/*top: 0;*/
/*left: 0;*/
/*height: 100%;*/
/*width: 100%;*/
/*background: rgba(0,0,0,0.5);*/
/*}*/
.mailchimp-block + footer.site-footer,
.section-insta-block + footer.site-footer {
margin-top: 0px;
}
.insta-slider {
position: relative;
z-index: 1;
}
.insta-slider-block [class*="col-"] {
padding: 0px;
}
.slick-initialized .slick-slide{
position: relative;
}
.insta-feed-head {
text-align: center;
padding: 10px 0px;
background: #3F729B;
}
.insta-feed-head a.secondary-color,.insta-feed-head a.secondary-color:visited {
display: inline-block;
margin: 10px;
background: transparent;
color: #fff;
}
.insta-feed-head a h3{
color: #fff;
}
.insta-feed-head .instagram-title {
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 5px;
}
.insta-feed-head a p {
margin-bottom: 0;
line-height: 1;
}
.insta-slider-wrapper {
position: relative;
}
.insta-item {
}
.insta-item figure {
position: relative;
overflow: hidden;
}
.insta-item figure img{
width: 100%;
}
/*.insta-item:hover figure img{
filter: blur(50px);
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}*/
.insta-tb {
display: table;
height: 100%;
width: 100%;
}
.insta-tc {
display: table-cell;
vertical-align: middle;
}
.insta-details {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
color: #fff;
padding: 10px 20px;
text-align: center;
background: rgba(63, 114, 155, 0.74);
}
.insta-item:hover .insta-details{
animation: yourAnimation 0.5s 0s ease-in-out;
opacity: 1;
transform: translateY(0%);
}
@keyframes yourAnimation{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.elementToAnimate{
animation: yourAnimation 0.5s infinite 0s ease-in-out;
}
.insta-details p.insta-likes, .insta-details p.insta-comments {
display: inline-block;
margin: 3px 5px;
font-size: 18px;
}
.insta-details p.insta-likes i, .insta-details p.insta-comments i{
margin-right: 5px;
font-weight: bold;
}
.insta-details p.insta-desc {
margin-bottom: 0px;
}
.insta-button {
display: inline-block;
position: absolute;
height: 50px;
text-align: center;
line-height: 50px;
white-space: nowrap;
top: 50%;
margin: -25px 0 0;
left: 0;
right: 0;
}
.insta-button a {
color: #fff;
display: inline-block;
position: relative;
padding: 0 20px;
text-transform: uppercase;
font-size: 12px;
font-size: 1.2rem;
z-index: 10;
letter-spacing: 1px;
vertical-align: top;
position: relative;
}
.insta-button a:hover,
.insta-button a:focus {
background: #1f2125;
color: #fff;
}
.insta-hover {
display: block;
position: relative;
}
.archive .site-content .align-items-center .entry-title,
.search-results .site-content .align-items-center .entry-title,
.block-title {
text-transform: uppercase;
}
body.blog .xrblocks + #content{
margin-top: 0px;
}
body.blog #content{
margin-top: 30px;
}
.enable-promotionspace {
margin-top: 25px;
}
.enable-promotionspace .em-reated-posts {
margin: 0 auto;
}
.wp-post-author-shortcode {
border: none;
padding: 10px 0;
}
.slider-pro {
margin-left: 0;
}
.sp-right-thumbnails {
/*margin-left: 20px;*/
}
.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 3*/
.header-layout-3 .masthead-banner .site-branding {
text-align: center;
}
.header-layout-3 .site-header .site-branding .site-title{
font-size: 60px;
text-transform: uppercase;
}
/*Header layout 2*/
.header-layout-2 .masthead-banner {
padding: 0;
}
.header-layout-2 .masthead-banner.data-bg {
padding: 30px 0;
min-height: 100px;
}
.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;
}
.site-header .site-branding .site-title a:hover{
color: #454545;
}
.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: normal;
}
.xrewind_posts_slider_widget .slider-figcaption .slide-title{
font-size: 24px;
}
/*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;
display: flex;
align-items: center;
}
.icon-search{position: relative;}
.xrcart-wrapper {
position: relative;
padding-top: 18px;
float: left;
width: 30px;
margin-right: 10px;
}
.xrcart-icon-and-count i {
color: #000;
}
.xrcart-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;
}
.xrcart-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 .header-offcanva {
position: absolute;
left: 0;
top: 0;
}*/
.header-layout-2 .site-branding {
text-align: left;
margin: 10px 0px;
width: 20%;
position: relative;
z-index: 9;
padding: 0 ;
}
.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;
/*margin-right: 10px;*/
}
.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 .xrcart-wrapper {
position: relative;
padding-top: 18px;
float: left;
width: 60px;
}
.header-layout-2 .xrcart-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;
}
.xrcart-icon-and-count i {
color: #000;
}
.xrcart-icon-and-count {
float: right;
width: 40px;
height: 44px;
padding: 1px;
position: relative;
}
/*newinstagramcss------------------------------------------------*/
/*for height secondary and footer=====================*/
.insta-item {
width: 16.66%;
float: left;
}
.insta-item .data-bg{
height: 318px;
}
/*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 .xrcart-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: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 .top-masthead {
font-size: 12px;
}
.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: 25px;
height: 25px;
color: #000;
background-color: rgb(255, 255, 255);
line-height: 30px;
border-radius: 0%;
display: inline-block;
margin: auto;
}
.sp-horizontal.sp-rtl .sp-previous-arrow, .sp-next-arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(180deg);
transform: rotate(0deg);
}
.sp-next-arrow:before {
content: "\f105";
}
.sp-previous-arrow:before{
content: "\f104 "
}
.sp-horizontal .sp-arrows {
width: 100px;
right: 0;
top: 0;
margin-top: -26px;
left: inherit;
}
.sp-horizontal .sp-previous-arrow {
left: 49px;
}
.sp-horizontal .sp-next-arrow, .sp-horizontal.sp-rtl .sp-previous-arrow {
right: 5px;
}
.sp-thumbnail-container.sp-selected-thumbnail {
position: relative;
}
.sp-thumbnail-container.sp-selected-thumbnail:before {
left: 0;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(187, 25, 25, 0);
border-left-color: #BB1919;
border-width: 20px;
margin-top: -20px;
}
.video-slider-horizontal .sp-thumbnail-container.sp-selected-thumbnail:before {
transform: translateX(-50%) rotate(90deg);
top: 20px;
left: 50%;
}
/*pagination css------------------------------------------------*/
.pagination a {margin:1px;background-image: linear-gradient(#ececec, #f1f1f1);color:#1f2125;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;}
.pagination a.active {background-image: linear-gradient(#f5f5f5, #f5f5f5);color:#bb1919;border:#f5f5f5 solid 1px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;background-image: linear-gradient(#f1f1f1, #ececec);color:#1f2125;border:#f5f5f5 solid 1px;}
.xrewind-pagination {
text-align: center;
}
.xrewind-pagination .nav-links .page-numbers.current,
.xrewind-pagination .nav-links .page-numbers {
min-width: 30px;
height: 30px;
text-align: center;
line-height: 28px;
font-size: 14px;
display: inline-block;
text-decoration: none;
padding: 0px 5px;
position: relative;
}
.xrewind-pagination .nav-links .page-numbers.current:after,
.xrewind-pagination .nav-links .page-numbers:after {
position: absolute;
content: '';
top: 0;
left: 0;
height: 100%;
width: 100%;
border-width: 1px;
border-style: solid;
border-color: inherit;
opacity: 0.5;
}
.xrewind-pagination .nav-links .page-numbers.current:after{
opacity: 1;
}
/*pagination css------------------------------------------------*/
/*newcss------------------------------------------------*/
header#masthead,
.xrewind_posts_slider_widget {
margin-bottom: 10px;
}
footer.site-footer {
margin-top: 10px;
}
.header-after1 {
margin: 0;
}
#secondary .widget-title span,
span.header-after {
padding: 5px 0px 10px;
display: inline-block;
position: relative;
margin: 5px 0 13px;
font-size: 20px;
}
span.header-after:after {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 90%;
height: 3px;
background: #bb1919;
}
.boldd_line{ margin:0;display:block; height:12px; left:5px; position:absolute; width:98%}
.boldd_line span{ display:block; height:100%; width:100%}
.boldr_line{margin:0;display:block; height:12px; left:5px; position:absolute; width:98%}
.boldr_line span{ display:block; height:100%; width:100%}
.boldb_line{margin:0;display:block; height:12px; left:5px; position:absolute; width:98%}
.boldb_line span{ display:block; height:100%; width:100%}
.boldg_line{margin:0;display:block; height:12px; left:5px; position:absolute; width:98%}
.boldg_line span{ display:block; height:100%; width:100%}
.boldo_line{margin:0;display:block; height:12px; left:5px; position:absolute; width:98%}
.boldo_line span{ display:block; height:100%; width:100%}
.boldp_line{margin:0;display:block; height:12px; left:5px; position:absolute; width:98%}
.boldp_line span{ display:block; height:100%; width:100%}
.bolda_line{margin:0;display:block; height:12px; left:5px; position:absolute; width:98%}
.bolda_line span{ display:block; height:100%; width:100%}
.bold_line{margin:0;display:block; height:12px; left:5px; position:absolute; width:98%}
.bold_line span{ display:block; height:100%; width:100%}
.solid_line{background-color:#fff; margin:4px;display:block; height:2px; left:5px; position:absolute; width:98%; z-index:0}
.title_text{background-color:#fff; display:inline-block; padding:0 10px; position:relative; top:5px; z-index:1}
.boldd_line span{background-color:#464644}
.boldr_line span{background-color:#d32d3b}
.boldb_line span{background-color:#1c98d4}
.boldg_line span{background-color:#6fa900}
.boldo_line span{background-color:#f67f19}
.boldp_line span{background-color:#a60081}
.bolda_line span{background-color:#008aa5}
.bold_line span{background-color:#f67f19}
.main-story-wrapper span.border-after{
background-color: #bb1919;
}
.xrmain-banner-editors-picks span.border-after{
background-color: #4CAF50;
}
.trending-story span.border-after{
background-color: #FF9800;
}
#secondary .widget-title span{
position: relative;
}
#secondary .widget-title span:after{
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 60px;
height: 3px;
background: #bb1919;
}
span.header-after.has-badge {
padding: 5px 10px 5px 35px;
}
span.head-after-icon {
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 100%;
line-height: 26px;
text-align: center;
}
span.head-after-icon i{
font-weight: 700;
}
.main-story-wrapper .span.head-after-icon{
border-bottom: 2px solid #2196f3;
}
.header-after1 {
margin-bottom: 0px;
}
.grid-layout .header-after1 {
border: none;
}
.full .spotlight-post figcaption h3 a,
.full-plus-list .spotlight-post:first-of-type figcaption h3 a{
color: #fff;
}
.full-plus-list .spotlight-post:first-of-type figure.categorised-article {
width: 100%;
}
.full-plus-list .spotlight-post:first-of-type .data-bg-categorised {
height: 230px;
}
body.full-width-content .full-plus-list .spotlight-post:first-of-type .data-bg-categorised {
height: 280px;
}
.featured-article.inside-img,
figure.categorised-article.inside-img {
position: relative;
}
.featured-article.inside-img .figure-categories.figure-categories-bg,
.categorised-article.inside-img .figure-categories.figure-categories-bg,
.full .spotlight-post figcaption,
.full-plus-list .spotlight-post:first-of-type figcaption {
padding: 10px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.list .spotlight-post .data-bg-categorised ,
.full-plus-list .spotlight-post .data-bg-categorised {
height: 105px;
}
body.full-width-content .list .spotlight-post .data-bg-categorised ,
body.full-width-content .full-plus-list .spotlight-post .data-bg-categorised {
height: 150px;
}
.list .spotlight-post figure.categorised-article,
.full-plus-list .spotlight-post figure.categorised-article {
width: 35%;
height: auto;
display: inline-block;
vertical-align: top;
margin: 0;
}
.list .spotlight-post figcaption ,
.full-plus-list .spotlight-post figcaption {
width: 62%;
padding: 5px;
display: inline-block;
vertical-align: top;
}
.latest-posts-grid .data-bg-hover:before,
.xrmain-banner-featured-posts .data-bg-hover:before,
.xrewind_single_col_categorised_posts .data-bg-hover:before,
.xrewind_double_col_categorised_posts .data-bg-hover:before,
.list .spotlight-post .data-bg-hover:before,
.full .spotlight-post .data-bg-hover:before ,
.full-plus-list .spotlight-post .data-bg-hover:before {
display: none;
}
.full-plus-list .spotlight-post:first-of-type .grid-item-metadata a,
.full-plus-list .spotlight-post:first-of-type .grid-item-metadata {
color: #fff;
}
.full-plus-list .spotlight-post:first-of-type .data-bg-hover:before {
content: "";
background: #222;
position: absolute;
display: block;
left: 0;
right: 0;
width: 100%;
height: 100%;
filter: alpha(opacity=100);
opacity: 0.85;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
#secondary .widget{
background-color: transparent;
padding: 0;
}
#secondary .posts-author-wrapper{
background-color: #fff;
padding:10px;
}
#secondary .widget ul,
#secondary .widget ol{
background: #fff;
padding: 10px;
margin-bottom: 0;
}
#secondary .posts-author-wrapper ul{
padding:0;
margin: 0;
}
#secondary .xrewind_social_contacts_widget ul li{
margin-bottom: 3px;
}
#secondary .xrewind_social_contacts_widget ul li,
#secondary .posts-author-wrapper ul li
{ padding: 0; }
#secondary .widget ul.cat-links{
background: none;
padding: 0;
}
#secondary .widget .full,
#secondary .widget .full-plus-list,
#secondary .widget .list{
width: 100%;
}
.site-footer .align-items-center ,
#secondary .align-items-center {
-ms-flex-align: start;
align-items: start;
}
.site-footer .article-tabbed-list{
background-color: #fff;
padding: 10px;
}
span.menu-description {
background: #353535;
color: #fff;
padding: 3px 5px;
font-size: 10px;
letter-spacing: 1px;
margin-left: 5px;
float: right;
}
/*wp-post-author====================*/
.wp-post-author-wrap .awpa-contact-info{
padding: 0;
}
.wp-post-author-wrap .awpa-contact-info li{
display: inline-block;
margin-right: 1px;
padding: 0;
}
.wp-post-author-wrap .awpa-contact-info li a{
display: block;
width: 45px;
height: 45px;
font-size: 18px;
line-height: 44px;
position: relative;
text-align: center;
border-radius:0%;
color: #fff;
}
a.awpa-facebook.awpa-icon-facebook {
background: #3b5999;
}
a.awpa-twitter.awpa-icon-twitter {
background: #55acee;
}
a.awpa-linkedin.awpa-icon-linkedin {
background: #0077B5;
}
/*wp-post-author====================*/
/*exclusive---*/
.exclusive-posts {
font-size: 14px;
line-height: 45px;
margin: 0 0 5px;
position: relative;
background-color: #fff;
}
.exclusive-posts .exclusive-now {
background: #b9232f;
float: left;
text-transform: uppercase;
position: relative;
padding: 0 15px;
margin-right: 5px;
}
.exclusive-slides {
padding: 0 5px;
overflow: hidden;
}
.exclusive-slides .marquee {
width: 10000pc;
}
.exclusive-posts .marquee a {
padding: 0 25px;
font-weight: bold;
}
.exclusive-posts .marquee a img {
width: 25px;
height: auto;
margin-right: 5px;
}
@media only screen and (max-width: 640px){
.exclusive-posts .exclusive-now {
width: 100%;
}
.exclusive-slides {
clear: both;
}
}
/*exclusive---*/
.latest-posts-grid .spotlight-post{
width:100%;
}
.span.item-metadata.posts-date,
.span.item-metadata.posts-author{
display: inline-block;
font-size: 12px;
}
.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;
}
img.alignright {
clear: right;
}
img.alignleft {
clear: left;
}
div.wp-block h1 a,
div.wp-block h2 a,
div.wp-block h3 a,
div.wp-block h4 a,
div.wp-block h5 a,
div.wp-block h6 a,
div.wp-block pre a {
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
}
div.wp-block b,
div.wp-block strong {
font-weight: bold;
}
div.wp-block .editor-rich-text__tinymce code,
div.wp-block .editor-rich-text__editable code {
background-color: transparent;
color: inherit;
font-family: monospace;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
letter-spacing: 1px;
}
.entry-content .aligncenter{text-align: center;}
.alignfull:not(.wp-block-cover),.alignwide{background-color: #fff;}
.alignfull,.alignwide{padding: 10px;}
.alignfull{padding: 10px 30px;}
figure.alignfull,figure.alignwide{padding: 0;}
body.full-width-content .alignfull{
margin-left: calc(50% - 50vw - 10px);
margin-right: calc(50% - 50vw - 10px);
max-width: 100vw;
width: 100vw;
}
figure.wp-block-image img{
width: 100%;
}
body.full-width-content .alignwide {
max-width : 100vw;
}
.entry-content ul.wp-block-latest-posts ,
.entry-content ol:not([class*="wp-"]) ,
.entry-content ul:not([class*="wp-"]) {
padding-left: 0;
margin-left: 15px;
margin-bottom: 15px;
list-style-position: inside;
}
.entry-content ol[class*="wp-"],
.entry-content ul[class*="wp-"]{
padding-left: 0;
}
.entry-content ul.wp-block-latest-posts.alignwide ,
.entry-content ol:not([class*="wp-"]).alignwide ,
.entry-content ul:not([class*="wp-"]).alignwide {
padding-left: 30px;
}
.entry-content ul.wp-block-latest-posts.alignfull ,
.entry-content ol:not([class*="wp-"]).alignfull ,
.entry-content ul:not([class*="wp-"]).alignfull {
margin-left: calc(50% - 50vw - 10px);
padding-left: 40px;
}
.entry-content ol:not([class*="wp-"]) {
list-style-type: decimal;
}
.entry-content ul.wp-block-latest-posts ,
.entry-content ul:not([class*="wp-"]) {
list-style-type: disc;
}
.entry-content ol:not([class*="wp-"]) li,
.entry-content ul:not([class*="wp-"]) li{
padding-bottom: 5px;
padding-top: 5px;
}
.entry-content ol:not([class*="wp-"]) ol,
.entry-content ol:not([class*="wp-"]) ul,
.entry-content ul:not([class*="wp-"]) ol,
.entry-content ul:not([class*="wp-"]) ul{
margin-bottom: 0;
}
.entry-content ol:not([class*="wp-"]) ol li:last-child,
.entry-content ol:not([class*="wp-"]) ul li:last-child,
.entry-content ul:not([class*="wp-"]) ol li:last-child,
.entry-content ul:not([class*="wp-"]) ul li:last-child{
padding-bottom: 0;
}
p.has-drop-cap:not(:focus):first-letter {
font-weight: bold;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large{
margin-top: 2.57143em;
margin-bottom: 2.14286em;
padding-top: 1.71429em;
padding-bottom: 1.71429em;
}
/** === File === */
.wp-block-file {
margin: 0 0 20px;
}
.wp-block-file > a:not([class]),
.wp-block-file .wp-block-file__textlink {
display: inline-block;
margin: 0 20px 0 0;
}
[dir=rtl] .wp-block-file > a:not([class]),
[dir=rtl] .wp-block-file .wp-block-file__textlink {
margin-left: 20px;
margin-right: 0;
}
.wp-block-file .wp-block-file__button-richtext-wrapper {
display: inline-block;
margin: 0;
}
.wp-block-file .wp-block-file__button,
.wp-block-file a.wp-block-file__button {
display: inline-block;
position: relative;
text-align: center;
border: none;
}
.wp-block-button a:not(.has-text-color), .wp-block-button a:not(.has-text-color):visited{
color: #ffffff;
}
/** === File === */
/** === Block Audio === */
.wp-block-audio {
margin-bottom: 20px;
}
.wp-block-audio figcaption {
margin: 0;
padding: 10px 0;
}
/** === Block Audio === */
/** === Block Video === */
.wp-block-video {
margin: 0 0 20px;
text-align: center;
}
.wp-block-video video {
display: inline-block;
}
.wp-block-video figcaption {
margin: 0;
padding: 6px 0 15px;
text-align: center;
}
/** === Block Video === */
/** === Block code === */
.wp-block-code {
background-color: transparent;
color: inherit;
font-family: monospace;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
letter-spacing: 1px;
margin: 0 0 20px;
border: none;
}
.wp-block-code code,
.wp-block-code .editor-plain-text {
background-color: inherit;
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
letter-spacing: inherit;
display: block;
}
/** === Block code === */
/** === Block preformated=== */
.wp-block-preformatted {
margin: 0 0 20px;
}
.wp-block-preformatted pre {
color: inherit;
font-family: monospace;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
letter-spacing: 1px;
}
.wp-block-preformatted a{
text-decoration: underline;
}
/** === Block preformated=== */
/** === Block pullquote=== */
.wp-block-pullquote {
margin: 0 0 20px;
}
.wp-block-pullquote.alignleft {
margin-right: 2em;
}
.wp-block-pullquote.alignright {
margin-left: 2em;
}
.wp-block-pullquote:not(.is-style-solid-color) {
border-top-width: 4px;
border-top-style: solid;
border-bottom-width: 4px;
border-bottom-style: solid;
}
.wp-block-pullquote.is-style-solid-color {
padding-left: 50px;
padding-right: 50px;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
}
.wp-block-pullquote blockquote,
.wp-block-pullquote.alignleft blockquote,
.wp-block-pullquote.alignright blockquote,
.wp-block-pullquote.is-style-solid-color blockquote {
margin: 0;
border-width: 0;
border-style: solid;
text-align: center;
}
.wp-block-pullquote blockquote:before,
.wp-block-pullquote.alignleft blockquote:before,
.wp-block-pullquote.alignright blockquote:before,
.wp-block-pullquote.is-style-solid-color blockquote:before {
content: none;
}
.wp-block-pullquote blockquote p:last-of-type,
.wp-block-pullquote.alignleft blockquote p:last-of-type,
.wp-block-pullquote.alignright blockquote p:last-of-type,
.wp-block-pullquote.is-style-solid-color blockquote p:last-of-type,
.wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
.wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
.wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
.wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type {
margin: 0;
}
.wp-block-pullquote blockquote cite,
.wp-block-pullquote.alignleft blockquote cite,
.wp-block-pullquote.alignright blockquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.wp-block-pullquote blockquote .wp-block-pullquote__citation,
.wp-block-pullquote.alignleft blockquote .wp-block-pullquote__citation,
.wp-block-pullquote.alignright blockquote .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color blockquote .wp-block-pullquote__citation {
display: block;
margin-top: 15px;
}
/** === Block pullquote=== */
/** === Block table=== */
.wp-block-table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
.wp-block-table caption {
text-align: center;
padding: 20px;
}
.wp-block-table:not([class]):not([id]) {
border-spacing: 0;
border-collapse: collapse;
}
.wp-block-table:not([class]):not([id]) th,
.wp-block-table:not([class]):not([id]) td {
padding: 10px 20px;
border-width: 1px;
border-style: solid;
}
.wp-block-table td,
.wp-block-table th {
padding: 10px 20px;
border-top-width: 1px;
border-top-style: solid;
border-left-width: 1px;
border-left-style: solid;
}
.wp-block-table td:last-child,
.wp-block-table th:last-child {
border-right-width: 1px;
border-right-style: solid;
}
.wp-block-table tr:last-child td {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.wp-block-table.is-style-stripes {
border-width: 0;
border-style: solid;
}
.wp-block-table caption {
text-align: center;
padding: 20px;
}
.wp-block-table td,
.wp-block-table th {
word-break: break-all;
}
.wp-block-table .wp-block-table__cell-content {
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
padding: 0;
}
/** === Block table=== */
/** === Block verse=== */
pre.wp-block-verse {
white-space: inherit;
margin: 0 0 20px;
padding: 40px 0;
padding-left: 30px;
position: relative;
background-color: #e2e2e2;
color: inherit;
font-family: monospace;
font-size: inherit;
line-height: inherit;
border: none;
}
/** === Block verse=== */
/** === Block spacer=== */
.wp-block-spacer {
clear: both;
}
/** === Block spacer=== */
/** === Block widget archive and category=== */
ul.wp-block-archives,
ul.wp-block-categories,
ul.wp-block-categories__list {
margin-bottom: 20px;
padding: 0;
position: relative;
}
div.wp-block ul.wp-block-archives ul,
div.wp-block ul.wp-block-categories ul,
div.wp-block ul.wp-block-categories__list ul {
margin-bottom: 0;
padding: 10px 0 0;
}
div.wp-block-archives.wp-block-archives-dropdown,
div.wp-block-categories.wp-block-categories-dropdown {
margin-bottom: 20px;
}
div.wp-block-archives.wp-block-archives-dropdown label,
div.wp-block-categories.wp-block-categories-dropdown label {
display: none;
}
/** === Block widget archive and category=== */
/** === Block latest comments=== */
.wp-block-latest-comments {
list-style: none;
margin-bottom: 20px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
min-height: auto;
margin: 25px 0 0;
padding: 0;
overflow: hidden;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
margin: 0;
}
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
min-height: 48px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
width: 48px;
height: 48px;
margin: 0 17px 0 0;
float: left;
-webkit-border-radius: 50%;
border-radius: 50%;
}
[dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
margin: 0 0 0 17px;
float: right;
}
.wp-block-latest-comments article {
display: block;
padding: 0 0 0 3px;
overflow: hidden;
}
[dir=rtl] .wp-block-latest-comments article {
margin: 0 3px 0 0;
}
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta,
.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
margin: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
margin: -3px 0 0;
}
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt,
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt {
margin: 5px 0 0;
}
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p,
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
margin: 0;
padding: 0 0 20px;
}
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child,
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child {
margin: 0;
padding: 0;
}
.wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar {
margin: 0 auto 10px;
float: none;
}
.wp-block-latest-comments.aligncenter article {
padding: 0 3px;
}
.wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt {
text-align: center;
}
/** === Block latest comments=== */
/** === Block columns=== */
.wp-block-columns .wp-block-column {
margin-bottom: 20px;
}
.wp-block-columns .wp-block-column > p,
.wp-block-columns .wp-block-column .wp-block-paragraph {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column > p:not(.has-background),
.wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) {
padding-bottom: 0;
}
/** === Block columns=== */
@media only screen and ( min-width: 1025px ) {
body.full-width-content .alignwide {
margin-left : -125px;
margin-right : -125px;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large{
margin-top: 2.66667em;
margin-bottom: 2em;
padding: 0.66667em;
padding-top: 1.33333em;
padding-bottom: 1.33333em;
}
}
@media only screen and ( max-width: 480px ) {
.wp-block-media-text{
display: block;
}
.wp-block-media-text .wp-block-media-text__media{
margin: 10px auto;
}
.wp-block-media-text .wp-block-media-text__content{
padding: 0;
}
}
/*--------------------------------------------------------------
##gutenberg support
--------------------------------------------------------------*/
@media only screen and (max-width: 992px) {
.header-layout-2 .site-branding {width: 35%; float: left;}
.cart-search {
position: absolute;
top: 0;
right: 10px;
}
.full-section-slider .slider-figcaption .slide-title {
font-size: 18px;
line-height: 1.1;
}
.main-navigation.aft-sticky-navigation i.ham {
margin-left: auto;
margin-right: 50px;
}
.summary.entry-summary {
padding: 0px 15px;
}
.full-section-slider .slider-figcaption {
padding: 20px 10%;
}
span.menu-description {
float: none;
}
.main-navigation.aft-sticky-navigation span.xrmobile-site-title-wrap {
display: block;
position: absolute;
top: 0;
left: 0;
-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;
}
.main-navigation.aft-sticky-navigation span.xrmobile-site-title-wrap img{
height: 50px;
width: auto;
}
.main-navigation.aft-sticky-navigation span.xrmobile-site-title-wrap .site-title{
font-size: 38px;
}
}
@media only screen and (max-width: 426px) {
.container{padding: 0 20px;}
.icon-search {line-height: 60px;}
.header-layout-2 .site-branding {
width: 50%;
float: left;
margin: 15px 0px;
/*padding-left: 0;*/
}
.header-layout-2 .xrcart-wrapper {width: 35px;}
.insta-item {
width: 50%;
float: left;
}
}
/*header layout 2=====================*/
@media only screen and (min-width: 1600px) {
.main-navigation .menu ul li a {
font-size: 18px;
}
span.menu-description {
font-size: 11px;
}
}
@media (min-width: 1600px) {
.main-banner-3rd .main-slider .data-bg-slide {
height: 625px;
}
.main-slider .data-bg-slide {
height: 498px;
}
.xrmain-banner-editors-picks .data-bg-featured {
height: 244px;
}
.full-section-slider .data-bg-slide {
height: 930px;
}
.data-widget-slide {
height: 500px;
}
.data-bg-featured,
.data-bg-categorised {
height: 307px;
}
.full-plus-list .spotlight-post:first-of-type .data-bg-categorised {
height: 307px;
}
.list .spotlight-post .data-bg-categorised, .full-plus-list .spotlight-post .data-bg-categorised {
height: 143px;
}
.data-widget-featured {
height: 290px;
}
.banner-trending-posts-wrapper figure .data-bg-featured {
height: 117px;
}
.banner-trending-posts-wrapper figure.featured-article {
width: 35%;
}
.banner-trending-posts-wrapper figcaption{
width: 63%;
}
.carousel-image {
min-height: 100px;
}
.main-banner-3rd .trending-posts-carousel,
.trending-posts-carousel
{
height:auto;
}
}
@media (max-width: 991px) {
}
@media (min-width: 769px) {
.i-row.row {
margin: 0;
}
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
.banner-trending-posts-wrapper h3 {
font-size: 14px;
}
}
@media only screen and (max-width: 768px) and (min-width: 426px) {
.xrewind_single_col_categorised_posts .widget-block {
margin: 0 -10px;
}
.latest-posts-grid,
.xrewind_single_col_categorised_posts .base-border {
width: 50%;
float: left;
padding: 0 10px;
}
.widget .second-wiz,
#secondary .widget .second-wiz{width: 50%;float: left;}
#secondary .xrewind_single_col_categorised_posts .single-column-posts{
margin-bottom: 10px;
}
.list .spotlight-post .data-bg-categorised, .full-plus-list .spotlight-post .data-bg-categorised {
height: 150px;
}
.insta-item {
width: 33.33%;
float: left;
}
.article-tabbed-list .align-items-center{
flex-wrap: nowrap;
}
.section-block-upper > .row,
.container > .row{
margin: 0;
}
.main-banner-3rd .trending-posts-carousel,
.trending-posts-carousel {
height: auto;
}
.even-grid{
padding: 0 10px;
}
.even-grid:nth-child(odd),
.xrmain-banner-editors-picks.layout-2 .odd-grid:nth-child(odd) {
padding-right: 0px;
}
.even-grid,
.odd-grid {
width: 50%;
float: left;
}
.banner-trending-posts-wrapper figure.featured-article {
width: 20%;
}
.banner-trending-posts-wrapper figcaption {
width: 77%;
}
}
@media only screen and (max-width: 767px) {
.default-content-layout .xrmain-banner-latest-posts .data-bg-categorised,
.default-content-layout .posts-carousel .data-bg-featured,
.default-content-layout .xrmain-banner-latest-posts .data-bg-categorised,
.xrmain-banner-featured-posts .data-bg-featured,
.xrewind_double_col_categorised_posts .data-bg-categorised {
height: 220px;
}
.data-widget-slide {
height: 370px;
}
}
@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;
}
.xrmain-banner-editors-picks.layout-2 .odd-grid:nth-child(odd) {
padding-right: 10px;
}
.i-row.row {
margin: 0;
}
}
@media only screen and (max-width: 640px){
.top-navigation ul li a {
padding-right: 0;
padding-bottom: 5px;
height: auto;
line-height: 20px;
}
.topbar-date {
margin-right: auto;
padding-right: 0;
display: block;
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;}
@media only screen and (min-width: 1440px) {
.xrmain-banner-featured-products .woocommerce ul.products li.product {
width: 24%;
}
}
@media only screen and (max-width: 768px) {
figure.gallery-item .gallery-icon img {
width: 100%;
}
#primary .col-four, #primary .col-six{
width: 100%;
}
.masthead-banner .site-branding {
text-align: center;
}
}
@media screen and (max-width: 768px){
.slick-item .data-bg-slide {
height: 370px;
}
.trending-story,
.xrmain-banner-editors-picks,
.main-story-wrapper {
width: 100%;
}
.main-story-wrapper {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 426px) {
.xrmain-banner-latest-posts .latest-posts-grid, article .latest-posts-grid {
/*padding: 0 15px; */
}
.spotlight-post, #secondary .widget, .single-column-posts{
margin: 0 0 10px 0;
}
figure.gallery-item .gallery-icon img {
width: 100%;
}
.checkbox input[type=checkbox]{
position: inherit;
margin-left: 0;
}
.main-banner-3rd .trending-posts-carousel,
.trending-posts-carousel {
height: auto;
}
.xrewind_single_col_categorised_posts .col-image, .article-list-item .col-image{
margin:0px;
width: 100%;
padding: 0;
}
.main-navigation.aft-sticky-navigation span.xrmobile-site-title-wrap img{
max-width: 250px;
}
}
@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 only screen and (max-width: 320px){
.main-navigation.aft-sticky-navigation span.xrmobile-site-title-wrap .site-title {
font-size: 26px;
line-height: 55px;
}
.xrsearch-form {
width: 290px;
}
}
/* ---------- CLICK-SAFE OVERLAY FIXES ---------- */
/* Allow clicks through the preloader overlay while it's visible.
We still show it visually; JS will remove it once page loaded. */
#loader-wrapper {
pointer-events: none !important;
z-index: 1000 !important; /* keep visually above normal content but not blocking */
}
/* Make the rotating loader itself clickable-safe */
#loader-wrapper #loader,
#loader-wrapper * {
pointer-events: none !important;
}
/* Lightbox/modal base layers should not permanently block clicks
unless an active modal is present (if you do use MagnificPopup or similar). */
.mfp-bg,
.mfp-wrap {
pointer-events: none !important;
z-index: 99999 !important;
}
/* When a real modal is activated (if you use your modal library),
the library usually sets a class like 'mfp-ready' or 'mfp-open'.
Make modals interactive only when that class is present. */
.mfp-ready .mfp-bg,
.mfp-open .mfp-bg,
.mfp-open .mfp-wrap {
pointer-events: auto !important;
}
/* Keep analyser canvas click-through (already in file but reinforce) */
#analyser_render,
#radio-player canvas {
pointer-events: none !important;
}
/* Ensure radio-player controls are interactive */
#radio-player,
#radio-player .cassette-shell,
#radio-player .controls,
#radio-player .controls * {
pointer-events: auto !important;
}