File: /var/www/ThemeBackup/eisschnecken/style.css
/*
Theme Name: Eisschnecken
Author: Vico Wilhelm
Author URI: http://eisschnecken.de
Version: 1.0
*/
@font-face { font-family: 'Pacifico';
src: url('fonts/Pacifico-Regular.ttf') format('truetype'); }
@font-face { font-family: 'MyriadProBold';
src: url('fonts/MyriadPro-Bold.otf') format('truetype'); }
@font-face { font-family: 'MyriadProRegular';
src: url('fonts/MyriadPro-Regular.otf') format('truetype'); }
@font-face { font-family: 'MyriadProSemibold';
src: url('fonts/MyriadPro-Semibold.otf') format('truetype'); }
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 300;src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKWyV9hrIqY.ttf) format('truetype');}@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v16/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format('truetype');}@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 600;src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKXGUdhrIqY.ttf) format('truetype');}@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 700;src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format('truetype');}@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 800;src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKW-U9hrIqY.ttf) format('truetype');}@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype');}@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');}@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype');}@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');}@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 800;src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN8rsOUuhs.ttf) format('truetype');}
@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 100;src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUOjIg1_i6t8kCHKm459WxZqh7k29Y.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 200;src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUPjIg1_i6t8kCHKm459WxZBg_z_PZ1.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 300;src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUPjIg1_i6t8kCHKm459WxZYgzz_PZ1.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 400;src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUQjIg1_i6t8kCHKm459WxRyS7j.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 500;src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUPjIg1_i6t8kCHKm459WxZOg3z_PZ1.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 600;src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUPjIg1_i6t8kCHKm459WxZFgrz_PZ1.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 700;src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUPjIg1_i6t8kCHKm459WxZcgvz_PZ1.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 800;src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUPjIg1_i6t8kCHKm459WxZbgjz_PZ1.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 900;src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUPjIg1_i6t8kCHKm459WxZSgnz_PZ1.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 100;src: local('Montserrat Thin'), local('Montserrat-Thin'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUQjIg1_i6t8kCHKm45_QpRyS7j.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 200;src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_aZA3gnD-w.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 300;src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_cJD3gnD-w.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 400;src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 500;src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3gnD-w.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 600;src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3gnD-w.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 700;src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gnD-w.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 800;src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_c5H3gnD-w.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 900;src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_epG3gnD-w.ttf) format('truetype');}
@media only screen and (max-width: 640px) {
rit {
display: none;
}
.content-columns {
margin-right: 0;
}
div.site-content {
max-width: 1250px;
margin: 0 auto;
padding: 10px 5px 0 5px;
}
/* Main Column */
.main-column {
width: 100%; /* 66% */
float: left;
}
/* Side Column */
.side-column {
display: none;
}
.shop-header {
display: inline;
}
}
@media only screen and (min-width: 641px) {
.shop-header {
display: none;
}
}
@media only screen and (max-width: 480px) {
ri {
display: none;
}
}
.shop-header ul {
margin: 0;
margin-top: 10px;
margin-bottom: 20px;
padding: 0;
}
.shop-header ul:before, .shop-header ul:after { content: ""; display: table; }
.shop-header ul:after { clear: both; }
.shop-header ul { *zoom: 1; }
.shop-header ul li {
list-style: none;
float: left;
}
.shop-header ul li a:link,
.shop-header ul li a:visited {
display: block;
}
html {
padding: 0;
margin: 0;
}
body {
padding: 0;
margin: 0;
font-family: 'Open Sans', sans-serif;
/*font-family: Arial, sans-serif;*/
font-size: 14px;
color: #333;
background-color: #f4f5fa;
background-image: url("images/eisschnecken-grafitti-favorit-standard.png");
background-repeat: repeat-y;
background-position: center;
background-size: cover;
width: 100%;
}
a:link,
a:visited {
color: #006ec3;
}
a:hover {
color: #cc0000;
}
p {
line-height: 1.65em;
margin: 0 0 1em 0;
}
h1, h4, h5, h6 {
font-family: Montserrat, sans-serif;
color: #283346;
margin: 0 0 1em 0;
font-weight: normal;
}
h2 {
font-size: 32px;
font-family: Montserrat, sans-serif;
color: #283346;
margin: 0 0 1.2em 0;
font-weight: bold;
}
h3 {
font-size: 25px;
font-family: Montserrat, sans-serif;
color: #283346;
margin: 0 0 1.2em 0;
font-weight: normal;
}
/* General Layout */
div.container {
/*max-width: 1200px;*/
width: 100%;
margin: 0 auto;
/*padding-left: 20px;
padding-right: 20px; */
}
/* Content Area */
@media only screen and (min-width: 641px) {
div.site-content {
max-width: 1250px;
margin: 0 auto;
padding: 10px 25px 0 25px;
}
}
div.site-content a {
color: #281e63;
text-decoration: none;
}
div.site-content a:hover {
color: #cc0000;
}
div.post_notice {
margin: 0 auto;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 25px;
padding: 10px 10px 10px 10px;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 255, 0.6);
border-radius: 4px 4px 4px 4px;
background: rgba(0,0,255, 0.2);
transition: transform .2s; /* Animation */
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
div.post_notice:hover {
transform: scale(1.005);
}
article.post {
padding: 10px 10px 10px 11px;
border-bottom: 1px dotted #DDD;
margin-bottom: 20px;
background-color:rgba(255, 255, 255, 1.0);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
transition: transform .2s; /* Animation */
}
article.post:hover {
transform: scale(1.005);
}
article.post:last-of-type {
border-bottom: none;
}
article.post h2 a{
text-decoration: none;
}
.white-background {
width: 100%;
margin: 0 auto;
/* margin-top: 10px; */
background-color: white;
padding: 60px 0px 20px 0px;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
.white-background a:link,
.white-background a:visited {
color: #38298a;
text-decoration: none;
}
.white-background a:hover {
color: #211853;
}
.contenttext {
max-width: 1250px;
margin: 0 auto;
padding: 0 25px 0 25px;
}
.full-width {
width: 100%;
margin: 0 auto;
margin-top: 10px;
background-color: white;
}
.content-columns {
margin-right: 12%;
}
.post-left {
width: 70%;
float: left;
}
.post-right {
width: 70%;
float: right;
}
/* Aside Styles */
article.post-aside,
article.post-link {
font-size: 125%;
background-color: #FFF5CB;
padding: 20px 20px 1px 20px;
border-bottom: none;
border-radius: 5px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
.mini-meta {
font-size: 68%;
margin: 0;
color: #777;
display: block;
}
.mini-meta a {
color: #777;
text-decoration: none;
}
/* Link Post Format Styles */
article.post-link {
background-color: #E0EBFF;
padding: 0;
}
article.post-link a {
display: block;
text-decoration: none;
padding: 20px;
}
.post-link-text {
line-height: 1.65em;
color: #004982;
}
/* Gallery Post Format Styles */
article.post-gallery {
background-color: #222;
color: #FFF;
padding: 20px;
border-bottom: none;
}
article.post-gallery .gallery img {
border: none!important;
}
article.post-gallery .wp-caption-text {
font-size: 86%;
}
article.post-gallery h2 {
text-align: center;
}
article.post-gallery h2 a {
color: #FFF;
text-decoration: none;
font-size: 130%;
text-transform: uppercase;
letter-spacing: 2px;
}
/* Header */
.site-header {
z-index: 0;
/* border-bottom: 1px solid #DDD; */
margin-bottom: 15px;
padding: 0px 0 0 0; /* 0px abstand von oben */
}
div.titleline {
z-index: 10;
margin: auto;
text-align: center;
height: 120px;
line-height: 120px;
width: 100%;
align-items: center;
vertical-align: middle;
}
div.topline {
vertical-align: middle;
top: 0;
/*background-color:#4a4e51;*/
background-color:rgba(29, 33, 36, 1.0);
width: 100%;
height: 40px;
/*opacity:0.9;*/
/* box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.9); */
}
div.topline span {
color: #4e5255;
}
div.topline p, div.topline p a:link, div.topline p a:visited {
padding-top: 10px;
padding-left: 10px;
padding-right: 20px;
max-width: 2000px;
margin: 0 auto;
color: #bdc2c5;
text-decoration: none;
}
div.topline p a:hover{
color: white;
}
.site-header h1 {
color: #ffffff;
z-index: 1;
font-size:40pt;
letter-spacing: 2px;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.8);
display: inline-block;
vertical-align: middle;
min-width: 0;
max-width: 100%;
max-height: 100%;
align-items: center;
justify-content: center;
font-family: "Pacifico", "cursive";
font-weight: 400;
font-style: normal;
text-decoration: none;
}
.titleline h1 a:link,
.titleline h1 a:visited {
letter-spacing: 2px;
text-decoration: none;
color: #ffffff;
}
/*.titleline h1 a:nth-child(1) {
color: #fe0000;
font-size:32pt;
line-height: 12px;
}*/
.site-header h5 {
color: white;
margin: -10px 10px;
font-family: "MyriadProBold";
font-size:14pt;
letter-spacing: 2px;
text-shadow: 3px 2px 5px #000;
}
/* Standard Nav Menu */
.site-nav {
font-family: 'Open Sans', sans-serif;
max-width: 1250px;
margin: 0 auto;
}
.site-nav.right {
float: right;
}
.site-nav ul {
margin: 0;
padding: 0;
}
.site-nav ul:before, .site-nav ul:after { content: ""; display: table; }
.site-nav ul:after { clear: both; }
.site-nav ul { *zoom: 1; }
.site-nav ul li {
list-style: none;
float: left;
}
.site-nav ul li a:link,
.site-nav ul li a:visited {
display: block;
}
/* Header Nav Menu */
.site-header nav {
margin-top: 0px;
width: 100%;
background-color: rgba(43, 31, 105, 0.8);
box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
z-index: 1000;
overflow: hidden;
}
.site-header nav.fest {
position:fixed;
top: 0px;
}
.site-header nav ul li {
margin-right: 0px;
}
.site-header nav ul li a:link,
.site-header nav ul li a:visited {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
/*font-weight: 700;*/
padding: 13px 25px 13px 25px;
text-decoration: none;
/*border-right: 1px solid #404040; /* #DDD */
border-bottom: none;
color: #ffffff;
/*color: #2c333d;*/
transition: all 0.2s ease-in;
}
.site-header nav ul li a:hover {
color: #FFF;
/* background-color: #ECECEC; */
background-color: #38298a;
}
.site-header nav ul li.current-menu-item a:link,
.site-header nav ul li.current-menu-item a:visited,
.site-header nav ul li.current-page-ancestor a:link,
.site-header nav ul li.current-page-ancestor a:visited {
/*font-weight: bold;*/
background-color: #281e63;
color: #FFF;
}
/* Post Columns */
.home-columns {
padding-top: 20px;
}
.home-columns h2 {
margin-bottom: .7em;
}
.home-columns .one-half {
width: 45%;
float: left;
margin-right: 10%;
}
.home-columns .last {
margin-right: 0;
}
.home-columns .post-item {
border-bottom: 1px solid #DDD;
padding-bottom: 1px;
margin-bottom: 16px;
}
.home-columns .square-thumbnail {
float: left;
margin-right: 20px;
}
.home-columns .post-item:last-of-type {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.home-columns h4 {
margin-bottom: 3px;
font-weight: bold;
}
.home-columns h4 a {
text-decoration: none;
}
.home-columns h4 a:hover {
text-decoration: underline;
}
.subtle-date {
margin-left: 5px;
font-weight: normal;
font-size: 80%;
color: #FFF;
background-color: #BABABA;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .33);
border-radius: 5px;
padding: 3px 7px;
}
.home-columns p {
font-size: 83%;
}
.btn-a,
.btn-a:link,
.btn-a:visited {
margin-top: 12px;
display: inline-block;
background-color: #281e63;
text-decoration: none;
color: #FFF;
padding: 10px;
border-radius: 4px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, .6);
}
.btn-a:hover {
background-color: #cc0000;
}
.horiz-center {
display: block;
text-align: center;
}
@media only screen and (min-width: 641px) {
/* Main Column */
.main-column {
width: 78%; /* 66% */
float: left;
}
/* Side Column */
.side-column {
width: 20%; /* 30% */
float: right;
}
}
.side-column .widget-item {
border-bottom: 1px solid #DDD;
padding-bottom: 20px;
margin-bottom: 20px;
}
h2.widget-title {
font-weight: normal;
margin-bottom: 10px;
color: #888;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 138%;
}
.widget-item ul {
margin: 0;
padding: 0;
}
.widget-item ul li {
list-style-position: inside;
line-height: 1.65em;
}
.widget-item p:last-child {
margin: 0;
}
/* Footer Widget Areas */
.footer-widgets {
padding-top: 40px;
margin-right: -40px;
}
.footer-widget-area {
width: 25%;
float: left;
box-sizing: border-box;
padding-right: 40px;
}
/* Footer */
footer {
width: 100%;
margin: 0 auto;
}
.site-footer {
width: 100%;
margin-top: 30px;
padding: 20px 0px 10px 0px;
/*border-top: 1px solid #DDD;*/
font-size: 84%;
/*background-color: #292c31;*/
color: #4f5357;
}
.site-footer a,
.site-footer a:link,
.site-footer a:visited,
.site-footer a:active {
color: #b9bac2;
text-decoration: none;
}
.site-footer a:hover {
color: white;
}
/* Footer Nav Menu */
.site-footer nav {
margin: 10px 25px 10px 25px;
}
.site-footer nav ul li {
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #DDD;
}
.site-footer nav ul li:last-of-type {
border-right: none;
}
.site-footer p {
margin: 0 25px 0 25px;
}
/* Page Layout */
articel.page {
padding: 10px 25px 10px 25px;
}
article.page h2 {
font-size: 225%;
margin-bottom: 15px;
}
/* Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* Two Column Title Layout */
div.title-column {
width: 30%;
float: left;
}
div.text-column {
width: 70%;
float: right;
}
/* Info Box Styles */
div.info-box {
width: 30%;
float: right;
margin: 0 0 30px 30px;
padding: 20px;
background-color: #EEE;
}
div.info-box h4 {
margin-bottom: 6px;
}
div.info-box p {
font-size: 85%;
}
/* Children Links */
.children-links {
margin-bottom: 20px;
font-size: 80%;
}
.children-links a:link,
.children-links a:visited {
text-decoration: none;
padding-bottom: 2px;
}
.children-links ul {
float: left;
}
.children-links li {
margin-right: 20px;
}
.children-links .parent-link {
float: left;
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #DDD;
font-size: 120%;
font-weight: bold;
}
.children-links .parent-link a:link,
.children-links .parent-link a:visited {
color: #333;
}
.children-links .current_page_item a:link,
.children-links .current_page_item a:visited {
border-bottom: 1px solid #DDD;
color: #333;
cursor: default;
}
/* Post Styles */
.post h2 {
margin-bottom: 0;
}
p.post-info {
font-size: 87%;
color: #999;
}
p.post-info a:link,
p.post-info a:visited {
color: #999;
}
/* Image Styles */
img {
max-width: 100%;
height: auto;
}
.has-thumbnail {
position: relative;
padding-left: 200px;
}
.post-thumbnail {
width: 30%;
}
.post-thumbnail-left {
height: 100%;
width: 28%;
float: left;
-webkit-align-content: center;
align-content: center;
text-align: center;
}
.post-thumbnail-right {
height: 100%;
width: 28%;
float: right;
-webkit-align-content: center;
align-content: center;
text-align: center;
}
.post-thumbnail-right img,
.post-thumbnail-left img {
height: 100%;
max-width: 100%;
max-height: 300px;
transition: transform .2s; /* Animation */
}
.post-thumbnail-right img:hover,
.post-thumbnail-left img:hover {
transform: scale(1.005);
}
/* Search */
div.hd-search {
float: right;
}
div.hd-search label {
position: absolute;
left: -9999px;
}
div.hd-search #searchsubmit {
background-color: #006ec3;
color: #FFF;
padding: 5px 14px;
border: none;
vertical-align: top;
}
div.hd-search #s {
vertical-align: top;
padding: 3px 0;
}
/* Footer Callout Section */
.footer-callout {
background-color: #DDD;
padding: 20px;
margin: 10px 0 0 0;
}
.footer-callout-image {
float: left;
width: 30%;
overflow: hidden;
}
.footer-callout-image img {
transition: all .45s ease-out;
}
.footer-callout-image img:hover {
opacity: .8;
transform: scale(1.25) rotate(5deg);
}
.footer-callout-text {
float: right;
width: 67%;
}
.footer-callout-text h2 {
font-size: 1.7rem;
margin: 0 0 .35rem 0;
}
.footer-callout-text h2 a {
color: #333;
text-decoration: none;
}
.footer-callout-text h2 a:hover {
text-decoration: underline;
}
.footer-callout-text p {
font-size: .9rem;
}
/* About the Author section */
.about-author {
background-color: #EDEDED;
padding: 20px;
}
.about-author-image {
float: left;
width: 28%;
position: relative;
}
.about-author-image img {
display: block;
}
.about-author-image p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .5);
padding: 4px 0;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .85);
color: #FFF;
margin: 0;
}
.about-author-text {
float: right;
width: 68%;
}
.other-posts-by {
background-color: #FFF;
padding: 15px;
border-radius: 4px;
}
.other-posts-by ul {
margin: 0;
padding: 0;
}
.other-posts-by li {
list-style: none;
border-bottom: 1px dotted #DDD;
}
.other-posts-by li:last-child {
border-bottom: none;
}
.other-posts-by a {
text-decoration: none;
display: block;
padding: 3px 0;
}
/* WooCommerce */
.popular_products {
width: 100%;
color: black;
}
.popular_products li {
color: black;
transition: transform .2s; /* Animation */
}
.popular_products li:hover{
transform: scale(1.01);
}
/* Division */
.wp-block-product-best-sellers .wc-block-grid__product-title{
color: #283346;
}
/* Tables */
.table1 td { padding-bottom: 15px; }
.table1 td:first-child { width: 30%; }
/* ==========================================================================
Snippet Name: WooCommerce Review Star Ratings
Description: This css snippet blends all woocommerce star rating for a consistant look sitewide. Consolidates code and makes uses of WooCommerce.eot font. If you disabled the woocommerce.css and built your own styles then this will work great. If you are overriding woocommerce.css by adding styles to another styesheet that loads afterwards, this will still work fine, but you may need to target specific elements or create a master reset targeting all elements listed below in order to remove some of woocommerce default margins and padding.
Author: GL Walker
Author URI: http://wsfive.com
========================================================================== */
.woocommerce .review {
width: 90%;
}
.woocommerce .star-rating, .woocommerce p.stars [class^="star-"], .woocommerce p.stars [class*=" star-"] {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 1em;
}
.woocommerce .star-rating {
overflow: hidden;
position: relative;
height: 1em;
width: 5em;
}
.woocommerce .star-rating:before {
content: "\e021\e021\e021\e021\e021";
float: left;
top: 0;
left: 0;
position: absolute;
color: #999;
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em
}
.woocommerce .star-rating span:before {
content: "\e020\e020\e020\e020\e020";
top: 0;
position: absolute;
left: 0;
color: #F90;
}
/* rating block specific to single product summary area */
.woocommerce .woocommerce-product-rating {
display: block;
width: 100%;
}
.woocommerce .woocommerce-product-rating .star-rating {
margin: 0 auto;
float: left;
font-size: 1em;
}
.woocommerce .woocommerce-product-rating .woocommerce-review-link {
font-size: 85%;
width: 100%;
margin: 0.5em 0;
float: left;
}
/* rating block specific to review submit form */
.woocommerce p.stars {
position: relative;
padding: 0.75em;
}
.woocommerce p.stars a {
display: inline-block;
margin-right: 1em;
text-indent: -9999px;
position: relative;
border-bottom: 0!important;
outline: 0;
color: #999;
}
.woocommerce p.stars a:hover, .woocommerce p.stars a.active {
color: #F90;
}
.woocommerce p.stars a:last-child {
border-right: 0
}
.woocommerce p.stars [class^="star-"], .woocommerce p.stars [class*=" star-"] {
border-right: 1px solid #ccc
}
.woocommerce p.stars [class^="star-"]:after, .woocommerce p.stars [class*=" star-"]:after {
text-indent: 0;
position: absolute;
top: 0;
left: 0
}
.woocommerce p.stars a.star-1 {
width: 2em
}
.woocommerce p.stars a.star-1:after {
content: "\e021"
}
.woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after {
content: "\e020"
}
.woocommerce p.stars a.star-2 {
width: 3em
}
.woocommerce p.stars a.star-2:after {
content: "\e021\e021"
}
.woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after {
content: "\e020\e020"
}
.woocommerce p.stars a.star-3 {
width: 4em
}
.woocommerce p.stars a.star-3:after {
content: "\e021\e021\e021"
}
.woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after {
content: "\e020\e020\e020"
}
.woocommerce p.stars a.star-4 {
width: 5em
}
.woocommerce p.stars a.star-4:after {
content: "\e021\e021\e021\e021"
}
.woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after {
content: "\e020\e020\e020\e020"
}
.woocommerce p.stars a.star-5 {
width: 6em;
}
.woocommerce p.stars a.star-5:after {
content: "\e021\e021\e021\e021\e021"
}
.woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after {
content: "\e020\e020\e020\e020\e020"
}
/* rating block specific to product listing */
.woocommerce ul.products li.product .star-rating {
display: block;
text-align: center;
margin: 0 auto;
}
/* rating block specific to sidebar widgets */
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
display: block;
text-align: center;
margin: 0 auto;
}
/* end of review stars */