/*
 Theme Name:   XStore Child
 Theme URI:    http://8theme.com/
 Description:  XStore Child Theme
 Author:       8theme
 Author URI:   http://8theme.com
 Template:     xstore
 Version:      0.0.1
 Text Domain:  xstore-child
*/
/* unvisited link */

.products-category a p, .term-description a, .content-page ul a, .content-page p a, .content-page table a{
  color: #ef3125;
}

/* mouse over link */
.products-category a:hover p, .term-description a:hover, .content-page ul a:hover, .content-page p a:hover, .content-page table a:hover {
	color: #000000;
	text-decoration: underline;
}
body a:hover:not(.elementor-button) {
    color: red !important;
}
/* List style + */
ul.star {
      list-style-type: ' ★ ';
}
ul.list-square {
	list-style: square;
}
ul.style-plus {
	list-style: ' + ';
}
ul.list-square li::marker, ul.star li::marker, ul.style-plus li::marker {
    color: #ef3125;
}
/* Unique to Forster Focus (ff) */
#ffcontainer {
    width: 100%;
    margin: auto;
    background: #dfe0e1;
}

#ffbody {
    margin: auto;
    width: 82%;
    background: #fff;
    padding: 2%;
}

#ffdateline {
    width: 86%;
    background: #000;
    text-align: right;
    font-family: Georgia, serif;
    font-size: 14pt;
    color: #fff;
    padding: 6px 7%;
}

#ffbody H2, H3 {
    font-family: Arial, sans-serif;
    font-size: 16pt;
    color: #ef3125;
    font-weight: bold;
    margin-bottom: 0.7em;
}

#ffbody P, #ffbody LI, #ffbody TD {
    font-family: Georgia, serif;
    font-size: 11pt;
    line-height: 140%;
}

#ffbody H3 {
    font-style: italic;
    font-size: 14pt;
    margin-bottom: 0.2em;
    text-transform: none;
}

#ffbody OL {
    list-style: decimal !important;
    margin-top: 0.4em;
}

#ffbody UL {
    list-style: outside;
    margin-top: 0.4em;
}

#ffbody OL LI, #ffbody UL LI {
    margin-left: 2em !important;
    padding-left: .5em !important;
}

#ffbody P, #ffbody OL, #ffbody UL {
    margin-bottom: 0.5em !important;
}

#ffbody HR {
    border-top: 1px solid #bebebe;
    border-bottom: 2px solid #bebebe;
    margin: 1em 0;
}

#fffooter {
    margin: auto;
    width: 82%;
    background: #dfe0e1;
    padding: 2%;
}

#fffooter P {
    font-family: Arial, sans-serif;
    font-size: 10pt;
    text-align: center;
}

img.alignright,
img.img-right {
    float: right;
    margin: 5px 0 10px 20px;
}

/* High res image download */
.hi-res-main-image {
    max-width: 180px;
    height: auto;
    float: left;
    margin: 1em 2em;
    background: #fff;
    position: relative;
}

.hi-res-main-image A IMG {
    cursor: crosshair
}

.hi-res-main-image IMG.hi-res-svg {
    height: 1em;
}

.woocommerce-hi-res-main-image {
    display: block; 
    position: relative;
    border: 6px double #000;
    border-radius: 50%;
    max-width: 168px;
    overflow: hidden;
    margin-bottom: 5px;
}

.hi-res-main-image:last-of-type {
    margin-right: 0px;
}
        
.hi-res-main-image P {
    text-align: center;
    font-size: 12px;
    margin: 0;
    width: 100%;
    line-height: 100%;
    border: 1px groove #808080;
    border-top: none;
}

.hi-res-link {
    position: absolute;
    bottom: -8px;
    left: 0;
    background: #ee3124;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 8px;
    width: 100%;
    height: 0;
    overflow: hidden;
    -moz-transition: height 0.8s ease;
    -webkit-transition: height 0.8s ease;
    -o-transition: height 0.8s ease;
    transition: height 0.8s ease;
}

.hi-res-main-image A:hover > .hi-res-link {
    height: 34px;
}

.hi-res-main-image A {
    margin: 0 2px;
}

.hi-res-main-image P {
    min-height: 2.6em;
    line-height: 1.23;
}

.alertbar { 
    background-color: #d4e7f9; 
    color: #000000; 
    display: block;  
    position: relative; 
    text-align: left; 
    text-decoration: none; 
    top: 0px;
		padding: 10px;
    width: 100%;
    z-index: 100;
}

.alertbarYellow { 
    background-color: #fffde9; 
    color: #ef3125; 
    display: block;  
    position: relative; 
    text-align: left; 
    text-decoration: none; 
    top: 0px;
		padding: 10px;
    width: 100%;
    z-index: 100;
}

.alertbarRed { 
    background-color: #fffcfc; 
    color: #ef3125; 
    display: block;  
    position: relative; 
    text-align: left; 
    text-decoration: none; 
    top: 0px;
		padding: 10px;
    width: 100%;
    z-index: 100;
}
