/*-- General Styles --*/
body {
color: #333;
font-family: Arial, Helvetica, sans-serif;
}
a,
a:link,
a:visited {
color: #1079c9;
text-decoration: none;
}
a:hover {
color: #0645ad;
text-decoration: underline;
}
/* Form Elements */
input, textarea {
color: #333;
font-family: Arial, Helvetica, sans-serif;
padding: 0.7em;
background: #fff;
border: 1px solid #ddd;
font-size: 1em;
}
input[type=submit] {
background-color: #1079c9;
border: none;
color: #fff;
padding: 0.5em 1em;
}
input[type=submit]:hover {
background-color: #4caf50;
cursor: pointer;
color: #fff;
}
/* Clearing Floats */
.clearfix:after,
.clearfix:before {
content: " ";
display: table;
}
/* Make Form Elements responsive */
input, textarea, select {
max-width: 100%;
font-size: 16px;
padding: 6px;
}
#sidebar select {
width: 100%;
}
#wrap, .clearfix:after,
.comment-author img:after,
.main-navigation, .postinfo, .stickynav {
clear: both;
}
/*-- Posts and Pages --*/
.type-attachment,
.type-page,
.wi .type-post {
margin: 0 0 2em;
padding: 0 0 0.5em;
border-bottom: 1px solid #eaeaea;
}
.page-title,
.editor-post-title .editor-post-title__input {
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
color: #3c3c3c;
line-height: 1.4em;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.page-title {
font-size: 2.3em;
padding: 0.1em 0;
}
.editor-post-title .editor-post-title__input {
font-size: 1.95em;
padding: 0.1em 0;
}
.editor-post-title .editor-post-title__input a:link,
.editor-post-title .editor-post-title__input a:visited {
color: #3c3c3c;
text-decoration: none;
}
.editor-post-title .editor-post-title__input a:active,
.editor-post-title .editor-post-title__input a:hover {
color: #333;
text-decoration: underline;
}
/* Page Links | wp_link_pages() */
.page-links {
margin: 0;
font-size: 20px;
line-height: 2.5em;
}
.page-links a {
text-decoration: none;
border: 1px solid #ccc;
background: #f9f9f9;
margin: 0;
padding: 7px 15px;
}
.page-links a:hover {
background: #0066cc;
color: #fff !important;
}
/* Postmeta */
.postinfo,
.postmeta {
color: #333;
margin: 0;
padding: 0;
line-height: 1.5em;
font-size: 0.9em;
}
.postinfo {
margin: 1em 0;
background: #eee;
padding: 0.5em;
border: 1px solid #ddd;
}
.postinfo span,
.postmeta span {
margin-right: 0.5em;
}
.postmeta a:link,
.postmeta a:visited {
color: #555;
}
.postmeta a:active,
.postmeta a:hover {
text-decoration: underline;
}
/* Postmeta Icons */
.postinfo span:before,
.postmeta span:before {
display: inline-block;
-webkit-font-smoothing: antialiased;
font: 400 14px/1 dashicons;
vertical-align: text-top;
color: #777;
}
.postmeta .meta-date:before {
content: '\f145';
}
.postmeta .meta-author:before {
content: '\f110';
}
.postmeta .meta-category:before {
content: '\f318';
}
.postinfo .meta-comments:before {
content: '\f101';
}
.postinfo .meta-tags:before {
content: '\f323';
}
/*-- Text Elements --*/
p {
font-size: 1.15em;
line-height: 1.65;
margin: 1em 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #222;
font-weight: 700;
line-height: 1.1em;
margin: 1.2em 0 0.3em;
}
h1 {
font-size: 1.95em;
}
h2 {
font-size: 1.75em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1.125em;
margin: 1.3em 0 0;
}
h6 {
font-size: 1em;
margin: 1.3em 0 0;
}
/* List Elements New */
ol,
ul {
font-size: 1.15em;
line-height: 1.65;
}
ol > li {
list-style-type: decimal;
margin: 0 0 5px 35px;
}
ol ul > li {
list-style-type: disc;
}
ol ol > li {
list-style-type: upper-alpha;
}
ol ol ol > li {
list-style-type: lower-roman;
}
ul > li {
list-style-type: disc;
margin: 0 0 5px 35px;
}
ul ul > li {
list-style-type: square;
}
ol ul ul > li,
ul ul ul > li {
list-style-type: circle;
}
ol ol,
ul ul {
margin-bottom: 0;
}
dl {
margin: 1em 0;
}
dt, strong {
font-weight: 700;
}
dd {
margin-bottom: 1.5em;
}
cite, em, i {
font-style: italic;
}
.big_tag,
big {
font-size: 1.3em;
}
ins {
background: 0 0;
text-decoration: none;
}
code,
pre {
padding: 3px 8px;
margin: 0 1px;
background: #eee;
color: #222;
font-size: 0.9em;
font-family: Monospace, "Courier New", Courier, sans-serif;
overflow: auto;
line-height: 1.4em;
}
.tt_tag,
kbd,
tt,
var,
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
}
del, s, strike {
text-decoration: line-through;
}
small {
font-size: 0.7em;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sub, sup {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
font-size: 0.8em;
}
img,
article .wp-post-image {
height: auto;
max-width: 100%;
}
.pmns img {
cursor: url("images/magnify.cur"), -webkit-zoom-in;
cursor: url("images/magnify.cur"), zoom-in;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
.tt_tag,
kbd,
tt,
var {
font-size: 1.1em;
}
blockquote {
background: #f5f5f5;
border-left: 10px solid #ccc;
margin: 1.2em 0;
padding: 0.3em 1.4em;
}
blockquote cite {
display: block;
margin: 0.5em 0 0 0.5em;
color: #777;
}
table {
border: 1px solid #ddd;
margin: 1em 0;
text-align: left;
width: 100%;
}
thead th,
tr th {
background: #e5e5e5;
font-weight: 700;
padding: 0.2em 1em;
}
tr td {
border-top: 1px solid #ddd;
padding: .2em 1em;
}
tr.alternate td {
background: #f5f5f5;
}
/*-- Images | Gallery | Videos --*/
article .wp-post-image {
margin: 0 auto;
}
.archive article .wp-post-image.alignleft,
.blog article .wp-post-image.alignleft,
.search article .wp-post-image.alignleft {
margin: 1em 1em 1em 0;
}
.archive article .wp-post-image.alignright,
.blog article .wp-post-image.alignright,
.search article .wp-post-image.alignright {
margin: 1em 0 1em 1em;
}
.archive article .wp-post-image.aligncenter,
.blog article .wp-post-image.aligncenter,
.search article .wp-post-image.aligncenter{
margin: 0 auto 1em;
}
.wp-caption {
max-width: 100%;
height: auto;
text-align: center;
margin: 0.5em 0;
}
.wp-block-image figcaption,
.wp-caption-text,
.wp-caption p.wp-caption-text {
color: #666;
margin: 0 0 1em 0;
padding: 0 0 0.25em 0;
font-size: 0.925em;
font-style: italic;
text-align: center;
}
.alignleft {
float: left;
display: inline;
margin: 1em 2em 1em 0;
}
.alignright {
float: right;
display: inline;
margin: 1em 0 1em 2em;
}
.aligncenter {
margin: 1em auto;
display: block;
}
/* Gallery Styling */
.gallery {
padding-top: 1em;
}
.gallery-item {
padding: 0.3em 1em 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gallery img {
margin: 0;
padding: 2px;
border: 1px solid #ddd!important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gallery-caption {
color: #666;
font-size: 0.9em;
font-style: italic;
height: auto;
max-width: 100%;
text-align: center;
margin: 0;
}
/* Make Videos responsive */
embed, iframe, object, video {
max-width: 100%;
}
/* Products */
.prodimg {
float:left;
margin:0.5em 1.5em 1em 0;
max-width:340px;
padding:1em;
text-align:center;
-webkit-box-shadow: 0 0 5px 4px rgba(191, 191, 191, 1);
box-shadow: 0 0 5px 4px rgba(191, 191, 191, 1);
}
.prodimg img {
height: auto;
max-width: 100%;
}
.proprice {
color:#9b0707;
font-size: 1.85em;
padding-bottom:10px;
text-align:center;
}
.wp_automatic_amazon_review {
min-height: 500px;
}
.buybox {
text-align:center;
margin: 40px auto;
padding: 25px 25px 0 25px;
max-width: 420px;
background-color: #ffffcc;
border: 4px dashed #9b0707;
}
/* Products List */
.shopbttn {
width:200px;
max-width: 100%;
margin-bottom:10px;
}
.buynowrel {
color:#fff;
font-size:11px;
text-transform:uppercase;
float:right;
height:15px;
padding:8px 5px 4px 23px;
width:auto;
min-width:60px;
background: #0071bc url(images/cart.png) 7px no-repeat;
margin-bottom:10px;
margin-left:5px;
border-radius:3px;
-webkit-box-shadow:0 6px 6px -6px #777;
box-shadow: 0 6px 6px -6px #777;
}
.buyprice {
color: #fff;
font-size:12px;
text-transform:uppercase;
float:left;
height:15px;
padding:8px 5px 4px 10px;
width:auto;
min-width:40px;
background:#444 ;
margin-bottom:10px;
border-radius:3px;
-webkit-box-shadow:0 6px 6px -6px #777;
box-shadow: 0 6px 6px -6px #777;
}
.buynowrel:hover {
background:#22b573 url(images/cart.png) 7px no-repeat;
}
.viewdts{
margin: -200px auto 0;
bottom: 10px;
height: 200px;
max-width: 200px;
width: 100%;
position: relative;
z-index: 10;
float:left;
}
.viewdts:hover{
background: rgba(0, 0, 0, 0.70) url('images/view.png') center center no-repeat;
}
@media only screen and (min-width:60em) {
.related-posts-four-columns .related-post-column .viewdts {
margin: -170px auto 0;
height: 170px;
}
}
/* Video */
.vidbox {
margin:1em auto;
text-align:center;
}
.vids {
display:inline-block;
padding:1em;
-webkit-box-shadow: 0 0 5px 3px rgba(191, 191, 191, 1);
box-shadow: 0 0 5px 3px rgba(191, 191, 191, 1);
}
.vid-title {
font-size: 1.35em;
text-align: center;
}
.play {
background: url('images/ytplay.png') center center no-repeat;
margin: -200px 10px 0 0;
height: 200px;
position: relative;
z-index: 10;
}
/*-- WooCommerce --*/
/* Product thumbnails */
.woocommerce ul.products li.product a img {
margin: 0;
border: 1px solid #d3ced2;
padding: 0.35em;
overflow: hidden;
transition: transform .5s ease;
}
.woocommerce ul.products li.product a img:hover {
transform: scale(1.05);
z-index: 999;
}
.woocommerce ul.products li.product a:hover {
text-decoration: underline;
}
.woocommerce ul.products li.product .button {
font-size: 0.95em;
margin-top: 0.25em;
background: #353535;
color: #f5f5f5;
}
/* Product Content */
.woocommerce div.product .product_title {
font-size: 1.65em;
line-height: 1.05em;
padding: 0 0 0.37em;
font-weight: 700;
color: #2c2c2c;
word-wrap: break-word;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #008000;
color: #fff;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color:#3B5998;
color:#fff
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
margin-bottom: 0.5em;
color: #A61919;
}
.woocommerce div.product form.cart .variations select {
padding: 0.3em 0 0.3em 0.5em;
font-size: 0.95em;
margin-bottom: 0.3em;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
width: 85%;
border: 1px solid #ddd;
padding: 3px;
margin: 3px;
}
.related-items {
background: -webkit-gradient(linear, left top, left bottom, from(#e9eaed), to(#f3f3f3)) rgba(0, 0, 0, 0);
background: linear-gradient(#e9eaed, #f3f3f3) rgba(0, 0, 0, 0);
font-size: 1.25em;
text-transform: uppercase;
padding: 0.5em;
margin: 0 0 0.55em;
color: #2c2c2c;
}
.product-title {
color: #24445d;
font-size: 1em;
font-weight: 500;
}
#footer-widgets .product-title {
color: #f9f9f9;
}
div.ppt {
font-size: 22px;
}
.woocommerce #reviews #comments h2,
.woocommerce #commentform label {
font-size: 20px;
margin: 1em 0;
}
/* Product Shop */
.woocommerce .woocommerce-ordering {
margin: 0 0 1.5em;
}
.woocommerce .woocommerce-ordering select {
padding: 0.3em 0 0.3em 0.5em;
font-size: 0.95em;
}
.woocommerce-variation-availability {
margin: 0.5em 0 0.9em;
}
.woocommerce .quantity .qty {
padding: 0.45em;
}
/* Product Widgets */
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
margin: 0 auto 8px;
border-bottom: 1px solid #d3ced2;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: left;
margin-right: 7px;
width: 74px;
border: 1px solid #d3ced2;
}
.woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl {
border-left: 0;
float: left;
margin: 0;
padding: 0 0.5em 0 0;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
padding: 0.75em 0;
}
.widget .product-categories li {
margin: 0;
padding: 5px;
border-bottom: 1px solid #d3ced2;
}
.widget .product-categories li:first-child {
padding-top: 0;
}
.woocommerce ul.products li.product .price {
color: #3B5998;
margin-bottom: 0.5em;
font-size: 0.957em;
}
/* Cart */
.woocommerce-cart table.cart img {
min-width: 75px;
}
.woocommerce-page #content table.cart td.actions .input-text {
min-width: 110px;
margin: 4px;
}
/* Cart Totals */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 58%;
}
.woocommerce .cart-collaterals .cart_totals h2 {
margin: 0.4em 0 0.3em;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
padding: 0.45em 0 0.45em 0.7em;
}
/* Checkout */
.woocommerce form .form-row textarea {
height: 5em;
}
.pmthemes_amazon_disclaimer {
text-decoration: underline;
cursor: default;
}
/* Grid */
.pmth-grid {
display: grid;
gap: 2em;
align-items: normal;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
/* Traditional Archive Display */
.one-column {
grid-template-columns: repeat(1, 1fr);
}
/* Item Width */
.one-hundred {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.one-fifty {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.two-hundred {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.two-fifty {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.three-hundred {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.three-fifty {
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}
@media only screen and (min-width: 480px) {
.four-hundred {
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
.four-fifty {
grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
}
.five-hundred {
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}
}
/* if column number specific - applicable for desktops/large screens */
@media only screen and (min-width: 960px) {
.one-col {
grid-template-columns: repeat(1, 1fr);
}
.two-col {
grid-template-columns: repeat(2, 1fr);
}
.three-col {
grid-template-columns: repeat(3, 1fr);
}
.four-col{
grid-template-columns: repeat(4, 1fr);
}
.five-col {
grid-template-columns: repeat(5, 1fr);
}
.six-col {
grid-template-columns: repeat(6, 1fr);
}
.seven-col {
grid-template-columns: repeat(7, 1fr);
}
.eight-col {
grid-template-columns: repeat(8, 1fr);
}
.nine-col {
grid-template-columns: repeat(9, 1fr);
}
.ten-col {
grid-template-columns: repeat(10, 1fr);
}
.eleven-col {
grid-template-columns: repeat(11, 1fr);
}
.twelve-col {
grid-template-columns: repeat(12, 1fr);
}
}
.pmth-grid .editor-post-title .editor-post-title__input {
font-size: 1.35em;
}
.pmth-grid.one-column .editor-post-title .editor-post-title__input {
font-size: 1.75em;
}
.fullpost .pmth-grid.one-col,
.fullpost .pmth-grid.one-column {
display: block;
}
.pmth-grid > article {
border: 1px solid #ddd;
padding: 1em;
margin-bottom: 1em;
}