/**
 *
 * -------------------------------------------
 * Template CSS file
 * -------------------------------------------
 *
 **/

/*
 *
 * 5. Wordpress elements styling
 *
 *
------------------------------------ */

/* 5.1. Main menu
==================================== */

#asi-mainmenu-toggle {
   display: none;
}

#asi-mainmenu-collapse {
   overflow: visible !important;
}

#main-menu {
   list-style-type: none;
   margin: 0px 0 0 0;
   padding: 0;
   position: relative;
   width: 100%;
}

#main-menu ul {
   margin: 0 !important;
   padding: 0 !important;
}

#main-menu > li {
   border: none;
   float: left;
   font-size: 12px;
   min-height: 27px;
   line-height: 27px;
   padding: 0 14px 0 0;
   margin: 0;
   font-family: "Univers LT W01_65 Bold1475968";
}

#main-menu > li.menu-item-20 {
   padding-right: 0;
}

#main-menu > li li.haschild {
   position: relative;
}

#main-menu > li > a {
   color: #000;
   margin: 0;
   padding: 0;
   padding: 0 5px 3px 5px;
   -webkit-transition: color 0.3s ease-out;
   -moz-transition: color 0.3s ease-out;
   -ms-transition: color 0.3s ease-out;
   -o-transition: color 0.3s ease-out;
   transition: color 0.3s ease-out;
}

body.single-product #main-menu > li#menu-item-56 > a,
#main-menu > li.current-menu-item a,
#main-menu > li.current_page_item a,
#main-menu > li.current-product-ancestor a,
body.single-product #main-menu .menu-item-object-product_category > a {
   border-bottom: 4px solid #ed1c24;
   color: #ed1c24;
}
body.single-product
   #main-menu
   .sub-menu
   .menu-item-object-product_category
   > a {
   color: #000;
}
/*Added by Travis 4/20/2016 */
.single-product .menu-item-object-collection > a {
   color: #000 !important;
   border-bottom: none !important;
}
.single-product .sub-menu li a {
   color: #000;
}

.single-product li.menu-item-object-collection:hover > a {
   color: #ed1c24 !important;
   border-bottom: 4px solid #ed1c24 !important;
}
.single-product .menu-item-object-collection .sub-menu a:hover {
   color: #ed1c24;
   border-bottom: 4px solid #ed1c24 !important;
}
.single-product .menu-item-object-collection a:hover {
   color: #ed1c24;
   border-bottom: 4px solid #ed1c24 !important;
}

#main-menu .sub-menu li.current_page_item a,
#main-menu .sub-menu li a {
   color: #000;
   border: 0 !important;
}

#main-menu .sub-menu .menu-item-4792 li a {
   color: #ed1c24;
   border-bottom: 4px solid #ed1c24 !important;
}
#main-menu .sub-menu .menu-item-4792 a {
   color: #ed1c24;
   border-bottom: 4px solid #ed1c24 !important;
}
#main-menu .sub-menu .menu-item-4792 {
   color: #ed1c24;
   border-bottom: 4px solid #ed1c24 !important;
}

#main-menu > li:hover > a {
   background: transparent;
   color: #ed1c24;
   border-bottom: 4px solid #ed1c24;
}

#main-menu > li:hover {
   color: #ed1c24;
}

#main-menu > li.active > a,
#main-menu > li.current-menu-item > a,
#main-menu > li.current_page_item > a,
#main-menu > li.current-menu-ancestor > a,
#main-menu > li.current-menu-parent > a {
   background: transparent;
   color: #ed1c24;
   border-bottom: 4px solid #ed1c24;
}

/* Submenu */
#main-menu .sub-menu {
   background: #ccc;
   display: block;
   left: -9999px;

   padding: 0 !important;
   position: absolute;
   width: 200px;
   z-index: 999999;
   margin-left: -1px;
}

#main-menu .sub-menu .sub-menu:before {
   display: none;
}

#main-menu li:hover .sub-menu {
   left: auto;
   background: #fff;
}

#main-menu .sub-menu ul {
   width: 100%;
   display: table;
   border-spacing: 1px;
}
#main-menu .sub-menu li {
   border: 0;
   height: 40px;

   display: table-row;
   width: 100%;
}

#main-menu .sub-menu li:first-child {
   border-top: none;
}

#main-menu .sub-menu li a {
   color: #000;

   line-height: 1.3em;
   padding-left: 10px;
   background: #ccc;
   border-bottom: 1px solid #fff;
   border-right: 0;
   border-left: 0;
   display: table-cell;
   vertical-align: middle;
   font-size: 11px;
   font-family: "Univers LT W01_55 Roman1475956";
}

#main-menu .sub-menu li:hover a {
   color: #fff !important;
   background: #ed1c24;
   border-bottom: 1px solid #fff;
}

#main-menu .sub-menu li:hover {
   background: #fff;
}

#main-menu .sub-menu li:hover a,
#main-menu .sub-menu li a:active,
#main-menu .sub-menu li a:focus,
#main-menu .sub-menu li a:hover {
   color: #fff !important;
   text-decoration: none;
}

#main-menu .sub-menu .sub-menu {
   border-top: 0px solid #eee;
   left: -9999px !important;
   margin-left: 180px;
   margin-top: -24px;
}

#main-menu .sub-menu li:hover .sub-menu {
   left: auto !important;
}

/* 5.2. Comments
==================================== */

#comments {
   border-top: 1px solid #e5e5e5;
   margin: 20px 0 0 0;
}

#comments.nocomments {
   border-top: none;
}

#comments > h2:first-child {
   font-size: 20px;
   margin: 0 0 42px 0;
   padding: 24px 0 0 0;
}

#comments > nav {
   margin: 12px 0;
   overflow: hidden;
}

#comments > nav .nav-prev {
   float: left;
}

#comments > nav .nav-next {
   float: right;
}

#comments > ol {
   list-style-type: none;
   padding: 0;
}

#comments ol.children {
   list-style-type: none;
   margin-left: 5%;
   padding: 0;
}

#comments li article {
   clear: both;
   margin-top: 20px;
   position: relative;
}

#comments li article > aside {
   border: 1px solid #eee;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   left: 0;
   position: absolute;
   top: 20px;
}

#comments li article > aside img {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   display: block;
}

#comments li article > .content {
   border-bottom: 1px solid #eee;
   margin-left: 56px;
   overflow: hidden;
   padding: 2px 3% 12px 3%;
}

#comments .children article > .content {
   margin-left: 48px;
}

#comments article time {
   color: #b3b6b7;
   font-size: 13px;
}

#comments article .author {
   font-size: 12px;
   font-family: "HelveticaNeueW01-75Bold";
}

#comments article .content > * {
   font-size: 12px;
}

#comments article footer .edit,
#comments article footer .reply {
   float: right;
   font-size: 12px;
   font-family: "HelveticaNeueW01-75Bold";
   margin-left: 10px;
}

#comments em.awaiting-moderation {
   color: #a33;
   display: block;
   font-size: 14px;
   margin: 0 0 12px 0;
   text-align: center;
}
/* Special comments classes */
#comments li.bypostauthor > article {
   border: 1px solid #f5f5f5;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

#comments li.bypostauthor article .content {
   border: none !important;
}

#comments li.bypostauthor article aside {
   left: 2%;
}

#comments li.byuser article {
}
#comments li.odd article {
}
#comments li.even article {
}

/* Comments typography */
#comments li article abbr[title],
#comments li article acronym[title] {
   border-bottom: 1px dotted;
}

#comments li article code {
   background: #fafafa;
   border-left: 4px solid #eee;
   display: block;
   margin: 10px 0;
   padding: 10px 20px;
   white-space: pre;
}

#comments li article blockquote {
   background: #fafafa;
   border: 2px solid #eee;
   border-left: none;
   border-right: none;
   display: block;
   margin: 10px 0;
   padding: 10px;
   position: relative;
}

#comments li article blockquote p {
   margin: 0;
}

#comments li article q {
   color: #888;
   font-family: "HelveticaNeueW01-75Bold";
}

#comments li article strike {
   text-decoration: line-through;
}

#comments li article del {
   color: #aaa;
   text-decoration: line-through;
}

/* Comment form */
#respond {
   padding: 12px 0;
}

#respond > h3 {
   padding: 24px 0 0 0;
   margin: 0 0 20px;
   font-size: 28px;
   font-weight: normal !important;
   line-height: 100%;
   border-top: 1px solid #e5e5e5;
}

#respond p.comment-notes,
#respond p.logged-in-as,
#respond p.form-allowed-tags {
   font-size: 13px;
   color: #999;
}

#respond input,
#respond textarea {
   display: block;
}

#respond input[type="checkbox"] {
   display: inline-block;
}

#respond input[type="text"],
#respond input[type="password"],
#respond textarea {
   width: 100%;
}

#respond #reply-title small {
   float: right;
   font-size: 14px;
   text-transform: none;
}

/* 5.3. Post meta-data
==================================== */

.content > form input[type="submit"] {
   display: inline-block;
   float: none;
}

#asi-mainbody article > header {
   margin-bottom: 10px;
}

article header {
   position: relative;
}

article.post,
article.page {
   padding-left: 120px;
}

article.post.no-sidebar,
article.page.no-sidebar {
   padding-left: 0;
}

article.no-title,
article.page-fullwidth {
   padding-left: 0;
}

section#comments {
   margin-left: 120px;
}

article.no-sidebar + section#comments {
   margin-left: 0;
}

article.no-title + section#comments,
article.page-fullwidth + section#comments {
   margin-left: 0;
}

article > footer {
   border-top: 1px solid #e5e5e5;
   padding: 16px 0;
}

article > footer::after,
#respond p.form-submit:after {
   clear: both;
   content: "";
   display: table;
}

aside.meta {
   float: left;
   left: -120px;
   position: absolute;
   width: 94px;
}

aside.meta dl {
   position: relative;
}

aside.meta a {
   color: #999;
}

aside.meta a:active,
aside.meta a:focus,
aside.meta a:hover {
   color: #333;
}

aside.meta dt,
aside.meta dd {
   clear: both;
   display: block;
   font-size: 13px;
   line-height: 17px;
   text-align: right;
}

aside.meta dt,
aside.meta dd[class] {
   font-family: "HelveticaNeueW01-75Bold";
}

aside.meta dd {
   margin: 0 0 12px 0;
}

aside.meta dt.date {
   display: none;
}

aside.meta time {
   display: block;
   float: right;
   width: 66px;
   height: 66px;
   line-height: 52px;
   padding: 6px;
   text-align: center;
   background: #ffb251;
   font-size: 48px;
   font-weight: 600;
   color: white;
   margin-bottom: 12px;
}

aside.meta time span {
   display: block;
   font-size: 18px;
   line-height: 0;
}

/* 5.4. Post additional features
==================================== */

article header h1 sup,
article.sticky header h1 sup,
article header h2 sup,
article.sticky header h2 sup {
   background: #f41;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #fff;
   display: inline-block;
   font-size: 12px;
   font-weight: normal;
   line-height: 12px;
   padding: 2px 5px;
   position: relative;
   text-transform: uppercase;
   top: -12px;
}

article figure.featured-image img {
   display: block;
   height: auto;
   margin: 15px auto 30px auto;
   max-width: 100%;
}

article figure.featured-image img + figcaption {
   color: #bbb;
   font-size: 12px;
   margin: -30px 0 15px 0;
   padding: 10px 0;
   text-align: center;
}

.alignnone {
   float: none;
}

.alignleft {
   float: left;
   margin: 0 15px 15px 0;
}

.alignright {
   float: right;
   margin: 0 0 15px 15px;
}

.aligncenter {
   display: block;
   float: none;
   margin: 0 auto;
}

div.wp-caption {
   max-width: 100% !important;
}

.wp-caption-text {
   font-size: 13px;
   font-style: italic;
   line-height: 1.5;
   text-align: center;
}

.gallery {
   clear: both;
   padding: 16px 0;
}

.gallery-caption {
   font-size: 10px;
}

/* 5.5. wp-activate.php and wp-signup.php pages
==================================== */

/* wp-activate.php */

#activateform {
   margin: 0 auto;
   max-width: 500px;
}

#activateform #key,
#activateform #submit {
   font-size: inherit !important;
}

/* wp-signup.php */
.mu_register {
   margin: 20px auto !important;
   max-width: 500px;
}

.mu_register input[type="submit"],
.mu_register #blog_title,
.mu_register #user_email,
.mu_register #blogname,
.mu_register #user_name {
   font-size: inherit !important;
}

.mu_register label {
   font-size: inherit !important;
}

.header-banner {
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   padding: 30px;
   background: #ffea5f;
}

.header-banner .icon.icon-arrow-right {
   position: relative;
   top: 2px;
   height: 1em;
   width: 1em;
}

.header-banner__link,
.header-banner__link:hover,
.header-banner__link:active,
.header-banner__link:focus {
   color: black;
}