html,body {
margin:0;
padding:0;
background: #ffffff;
text-align: center; font-family: arial, helvetica, sans-serif;
color: #001534;
}
body {
}
h2, h3, h4 {
color: #000;
}
h1 {
font-size: 1.6em;
color: #899a6b;
}
h2 {
font-size: 1.286em;
color: #adbc93;
}
h2.special {
font-size: 1.6em;
color: #899a6b;
text-align: center;
margin: -20px auto 50px auto;
text-transform: uppercase;
}
h3 {
font-size: 1.143em;
}
h4 {
font-size: 1em;
}
a {
color: #899a6b;
}
a:hover {
color: #adbc93;
}
p.callout {
font-size: 18px;
font-weight: 600;
margin: 40px 0;
text-align: center;
}
p.callout a {
text-decoration: none;
}
h1 a, h2 a {
text-decoration: none;
} 
img {
border: 0;
}
div {
text-align: left;
}
ul:not([class]) li {
list-style-type: none;
padding: 0px;
margin: 7px 0 7px 15px;
}
ul:not([class]) li  {
background-image: url(//equisolnz.com/wp-content/themes/EquiSol%20Theme/images/bullet.png);
background-repeat: no-repeat;
background-position: 0px 7px;
line-height: 1.571em;
padding-left: 20px;
margin: 5px 0;
}
td {
vertical-align:top;
}
blockquote {
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #F0F4E8 url(//equisolnz.com/wp-content/themes/EquiSol%20Theme/images/quote.png) 8px 4px no-repeat;
padding: 15px 20px 15px 46px;
}
blockquote p:first-child {
margin: 0;
}
blockquote cite {
margin-top: 15px;
display: block;
text-align: right;
}
#header {
min-height: 150px;
background: #899a6b;
border-bottom: 5px solid #CFDCB7;
color: #fff;
overflow: hidden;
}
#header #logo {
display: block;
float: left;
padding: 30px 20px 0 20px;
max-width: 250px;
height: auto;
}
#header #headertext {
float: right;
padding: 40px 0 20px 0;
color: #CFDCB7;
font-size: 24px;
font-weight: 300;
font-style: italic;
}
#header .social {
padding-left: 30px;
}
#header .social img:hover {
transform: rotate(7deg);
}
#header .view-cart {
margin-left: 20px;
position: relative;
display: inline-block;
}
#header .view-cart img {
width: 24px;
height: 24px;
opacity: 0.8;
}
#header .view-cart img:hover {
opacity: 1;
}
#page, div.contents {
margin: 0 auto;
}
#page {
background: white;
}
#nav {
float: right;
line-height: 30px;
overflow: hidden;
clear: right;
margin-top: 40px;
}
#nav a {
margin: 0;
color: #CFDCB7;
text-decoration:none;
font-size: 18px;
display: inline-block;
padding: 10px 20px;
}
#nav a:hover, #nav a.current, #nav li.current_page_item a {
color: #fff;
}
#nav ul, #subnav ul, #footernav ul {
list-style: none;
margin: 0;
padding: 0;
}
#nav li, #subnav li, #footernav li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
background: none;
}
#subnav {
text-align: center;
}
#subnav a {
color: #999;
text-decoration:none;
font-weight: bold;
font-size: 18px;
display: inline-block;
padding: 10px 20px;
text-transform: lowercase;
}
#subnav a:hover, #subnav li.current_page_item a, #subnav li.current-page-ancestor a {
color: #cc0000;
}
#maincontent {
overflow: hidden;
padding: 20px 40px;
box-sizing: border-box;
}
.clear {
clear:both;
}
.centered {
text-align:center;
}
div.divider {
clear: both;
margin: 50px 0 30px 0;
border-bottom: 2px solid #999;
}
#slideshowband {
background-color: #e9f0db;
}
#slideshow {
padding: 0;
}
#slideshowband img.headerimage {
display: block;
}
#slideshowband div.contents {
position: relative;
}
#slideshowband div#pagetitle {
position: absolute;
width: 100%;
margin: auto;
bottom: 0;
height: 60px;
line-height: 60px;
z-index: 10;
text-align: center;
background-color: rgba(0,0,0,0.5);
background-color: rgba(60,123,68,0.4);
background-color: rgba(120,147,72,0.7);
}
#slideshowband div#pagetitle h1 {
margin: 0;
color: #fff;
text-align: center;
height: 60px;
line-height: 60px;
font-size: 40px;
font-weight: 400;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
letter-spacing: 4px;
word-spacing: 20px;
white-space: nowrap;
}
#panelband {
overflow: hidden;
padding: 20px 0;
}
.panel {
float: left;
width: 32%;
margin-left: 2%;
position: relative;
}
#panel1 {
margin-left: 0;
}
.panel .head {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
line-height: 60px;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
z-index: 10;
color: #fff;
text-align: center;
background-color: rgba(120,147,72,0.5);
background-color: rgba(60,123,68,0.8);
background-color: rgba(0,0,0,0.5);
}
.panel .textlayer {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
transition: opacity 1s;
}
.panel .textlayer:hover {
opacity: 1;
}
.panel .text {
position: absolute;
top: 15px;
box-sizing: border-box;
width: 90%;
padding: 10px 15px;
margin: 0 5%;
border-radius: 10px;
height: auto;
z-index: 10;
color: #fff;
background-color: rgba(120,147,72,0.5);
background-color: rgba(60,123,68,0.8);
background-color: rgba(0,0,0,0.5);
}
.panel .text:hover {
}
.panel .head a {
color: #fff;
text-decoration: none;
text-shadow: 0px 0px 10px #000;
font-size: 40px;
line-height: 80px;
display: block;
width: 100%;
height: 100%;
text-align: center;
}
.panel .picture img {
width: 100%;
display: block;
}
.panel .picture img:hover, .panel .head:hover + .picture img  {
opacity: 0.9;
}
.panel .body {
font-size: 1.071em;
min-height: 75px;
padding: 10px 10px 0 10px;
overflow: hidden;
}
.panel li {
margin: 0;
}
.panel ul {
margin: 0 0 0 10px;
}
.panel .more {
text-align: center;
margin-top: 15px;
}
.more a {
text-decoration:none;
text-transform:uppercase;
padding: 4px 16px;
color: #fff;
background: #666;
font-weight: bold;
}
.more a:hover {
background: #888;
}
.leftcol {
float: left;
width: 60%;
padding-right: 5%;
}
.rightcol {
float: left;
width: 35%;
}
#footernav {
background-color: #666;
color: #fff;
padding-bottom: 15px;
}
#footernav a {
color: #fff;
text-decoration:none;
font-weight: 600;
font-size: 18px;
display: inline-block;
padding: 10px 20px;
text-transform: lowercase;
}
#footernav ul {
text-align: center;
}
#footernav li {
display: inline-block;
vertical-align: top;
padding: 20px 25px;
text-align: left;
}
#footernav li a {
padding: 10px 0;
}
#footernav ul.sub-menu li {
display: block;
padding: 0;
line-height: 1.5em;
}
#footernav ul.sub-menu li a {
font-size: 16px;
font-weight: normal;
padding: 0;
}
#footer {
margin-top: 50px;
padding: 10px;
text-align: center;
font-size: 0.786em;
color: #999999;
border-top: 1px solid #CFDCB7;
}
#footer a {
text-decoration: none;
color: #999999;
}
#footer a:hover {
text-decoration: underline;
color: #666666;
}
img.leftalign {
display: block;
float: left;
text-align: left;
margin: 0 25px 5px 0;
}
img.rightalign {
display: block;
float: right;
text-align: right;
margin: 0 0 5px 15px;
}
img.centeralign {
display: block;
margin: 10px auto;
text-align: center;
}
table.labels {
width:50%;
margin:10px auto;
}
table.labels th {
text-align: right;
padding-right: 30px;
}
div.rounded {
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
div.shaddow {
-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
box-shadow: rgba(200,200,200,1) 0 4px 18px;
}
div.opacity {
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);   
} div#mc_embed_signup {
background: #f9f9f9 url(//equisolnz.com/wp-content/uploads/keep-your-horse-safe.jpg) center center no-repeat;
background-size: cover;
padding: 100px 0;
}
div#mc_embed_signup form {
max-width: 500px;
margin: 0 auto;
padding: 50px 0;
background-color: rgba(255,255,255,0.5);
border-radius: 20px;
}
div#mc_embed_signup input {
margin: 10px auto !important;
}
div#mc_embed_signup label {
text-align: center;
color: #899a6b;
font-size: 20px;
background-color: rgba(255,255,255,0.5);
width: 58%;
margin: 0 auto;
display: block;
padding: 5px;
border-radius: 5px;
}
div#mc_embed_signup input.button {
background-color: #899a6b !important;
color: #fff !important;
}
div#mc_embed_signup input.button:hover {
background-color: #adbc93 !important;
} .editLink {
text-align: center;
padding: 5px 0 15px 0;
}
.editLink a, a.editLink {
background: #e0e0e0;
color: #777777;
font-size: 10px; 
border: 1px solid #999999;
text-decoration: none;
padding: 3px 5px;
}
.editLink a:hover, a.editLink:hover {
background: #eeeeee;
border: 1px solid #333333;
color: #000000;
}
.postmetadata {
color: #999;
font-size: 10px;
margin: 2px 0;
}
img.aligncenter, div.aligncenter {
display: block;
margin: 20px auto;
}
img.alignright, div.alignright {
display: block;
float: right;
margin: 10px 0px 5px 15px;
}
img.alignleft, div.alignleft {
display: block;
float: left;
margin: 10px 20px 5px 0px;
}
img.aligncenter {
text-align: center;
}
img.alignright {
text-align: right;
}
img.alignleft {
text-align: left;
}
.wp-caption-text,.wp-caption-dd {
margin: 0;
font-weight: bold;
font-size: smaller;
text-align: center;
}
.more-link {
display:block;
text-align:right;
}
.linklove {
display:none;
} #comments {
margin-top: 100px;
color: #333;
background: #f3f3f3;
padding: 10px 20px;
clear:both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
color: #000;
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
}
h3#comments-title {
padding-bottom: 24px;
}
.commentlist {
list-style: none;
margin: 0;
padding: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 56px;
position: relative;
}
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
}
.comment-author {
}
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
}
.comment-author .says {
font-style: italic;
}
.comment-meta {
font-size: 12px;
margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
color: #888;
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
font-size: 12px;
padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
color: #ff4b33;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li {
border: none;
margin: 0;
}
.nopassword,
.nocomments {
display: none;
}
#comments .pingback {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
color: #888;
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 13px;
font-style: italic;
} input[type=submit] {
color: #333;
}
#respond {
border-top: 1px solid #e7e7e7;
margin: 24px 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
font-style: italic;
color: #999;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: 18px 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
#respond .required {
display:none;
}
#respond label {
color: #888;
font-size: 12px;
width: 80px;
display: block;
float: left;
text-align: right;
padding-right: 10px;
}
#respond input {
margin: 0 0 9px;
width: 500px;
}
#respond textarea {
width: 500px;
}
#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
font-size: 14px;
width: auto;
} #equisol .woocommerce #respond input#submit.alt,
#equisol .woocommerce a.button.alt,
#equisol .woocommerce button.button.alt,
#equisol .woocommerce input.button.alt {
background-color: #899a6b;
}
ul.products li.sale br {
display: none;
}
#cartcount {
font-size: 12px;
font-style: normal;
font-weight: 900;
display: block;
position: absolute;
right: -5px;
top: -5px;
color: #fff;
background-color: #6c7659;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
} #equisol .wp-block-separator {
border-top: 0;
border-bottom: 5px solid #cfdcb7;
margin: 70px 0;
} div.wpcf7 {
clear: both;
overflow: hidden;
background-color: #F0F4E8;
border-radius: 10px;
width: 464px;
padding: 15px 0 !important;
margin: 30px auto !important;
}
div.wpcf7 form {
padding: 0 30px;
margin: 0;
}
div.wpcf7-response-output {
background: #fff;
}
span.wpcf7-not-valid-tip {
font-size: 0.750em !important;
}
input.wpcf7-submit {
background: #666;
color: #fff;
font-size: 1.1em;
border-radius: 3px;
border: 1px solid #555;
padding: 5px 20px;
}
input.wpcf7-submit:hover {
background: #555;
}
input.wpcf7-text, input.wpcf7-captchar, textarea.wpcf7-textarea {
border: 1px solid #aaa;
width: 400px;   
height: 26px;
}
textarea.wpcf7-textarea {
height: 180px;
}
input.wpcf7-text:hover, input.wpcf7-captchar:hover, textarea.wpcf7-textarea:hover {
border: 1px solid #999;
}
input.wpcf7-text:focus, input.wpcf7-captchar:focus, textarea.wpcf7-textarea:focus {
border: 1px solid #666;
}
div.wpcf7 div.wpcf7-validation-errors {
border: 2px solid #f00000;
}
div.wpcf7 div#specs {
background: rgba(0,0,0,0.1);
padding: 20px;
}
div.wpcf7 div#specs p {
font-style: italic;
margin-top: 0;
}
div.wpcf7 div#specs input {
width: 100px;
}  #page, div.contents { width:90%; max-width: 1100px; }
#mobile-menu-btn { display: none; }
img {max-width: 100%; height: auto !important; }
.maincontent img.alignleft, .maincontent img.alignright { max-width:50%; height:auto; }
.responsive50 img, .responsive50 .wp-caption { max-width:50%; height:auto; }
.responsive33 img, .responsive33 .wp-caption { max-width:33%; height:auto; }
.responsive .wp-caption img, .responsive50 .wp-caption img, .responsive33 .wp-caption img { max-width:100%; }  @media screen and (max-width: 1000px) {
#nav a, #subnav a { margin: 0 5px; padding: 10px 15px; font-size: 15px; }
#slideshow { padding: 10px; }
.panel, #panel1 {
float: none;
width: 100%;
max-width: 350px;
margin: 10px auto;
}
span.auxnav {
display: block;
float: right;
}
}  @media screen and (max-width: 750px) {
html,body { font-size: 14px; }
#page, div.contents { width:95%; }
#nav a, #subnav a { margin: 0 5px; padding: 10px 5px; font-size: 14px; }
.leftcol, .rightcol { float: none; width: auto;}
#slideshow { padding: 0; }
div.block { padding: 10px 20px; }
input.wpcf7-text, input.wpcf7-captchar, textarea.wpcf7-textarea { width: 300px;}
}  @media screen and (max-width: 500px) {	
#page, div.contents { width:97%; }
#header #logo {
float: none;
margin: 0 auto;
}
#header #headertext {
float: none;
font-size: 16px;
padding: 20px 10px;
text-align: center;
}
#slideshowband div#pagetitle h1 { font-size: 30px;}      
#mobile-menu-btn { 
display: block;
width: 32px;
height: 32px;
background: url(//equisolnz.com/wp-content/themes/EquiSol%20Theme/images/menu-icon.png) 0 0 no-repeat;
position: absolute;
top: 4px;
right: 20px;
cursor: pointer;
z-index: 12;
}
#nav { margin-top: 0; width: 100%; min-height: 40px; position: relative; }
#nav ul { display:none; }
#nav ul.open {  
width: 100%;  
display: block;  
height: auto;  
padding-top: 40px;
margin-top:0;
}  
#nav li {  
width: auto;  
float: none;  
position: relative;  
}  
#nav li a {  
display: block;
margin: 0;
padding: 3px 0px;
border-bottom: 1px solid #d0d0d0;  
text-align: left;  
width: 100%;  
text-indent: 25px;  
line-height: 30px;
}
#maincontent { padding: 10px 15px; }
div.block div.image img { float: none !important; display:block; margin: 30px auto; } div.wpcf7 { margin: 10px auto !important; width: auto; }
div.wpcf7 form { padding: 0 25px; }
input.wpcf7-text, input.wpcf7-captchar, textarea.wpcf7-textarea { width: 216px; height: 20px; }
textarea.wpcf7-textarea { height: 120px; }     
}