/*
*	Auxiliary CSS file for on the fly additions to the Smithoptics Site
*
*
*
*	Version 1.0.1
*
*/


/* IE flex stuff */

.global_header .sub_nav ul {
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}



/* hide some fram-only*/

.add_lens {
    display: none !important;
}


/* PDP Page Show & Tell */

.show_tell .section_header {
    display: none;
}


/* Edit for layout of Awards on PDP */

.pdp_awards .awards_image {
    width: 80px;
    margin-right: 15px;
}

#lang_popup.account_nav_popup {
    width: auto;
    padding: 10px;
    right: -10px
}

#lang_popup .lang_list {
    margin-bottom: 0;
}

#lang_popup li {
    display: block;
    float: none;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 5px;
}

#lang_popup li a {
    font-family: "Smith", sans-serif;
    font-weight: bold;
    letter-spacing: .1em;
    font-size: 10px;
    color: #333333;
    text-transform: uppercase;
    border: none;
}

#lang_popup li a:hover {
    color: #009c90;
}



/* life menu hack */

.global_header .sub_nav #sub_nav_LifeNode ul.fouritem li {
    width: 240px !important;
}


/* in stock shipping fix */

.global_header .minicart .minicart_fpo_promo {
    margin: 0px 0px;
}


/* too large middle column fix */
@media(min-width:800px){
  #site-wrapper #productListingPanel .columns.alpha.four,
  #site-wrapper #productListingPanel .columns.omega.four{
    width: 282px;
  }
  #site-wrapper #productListingPanel{
    justify-content: left;
  }
}






/* #livechat-compact-container {
    height:75px !important;
	background-color:#009c90!important;
	width:115px !important;
	-webkit-border-radius: 0px !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
	border-radius: 0px !important;
	height:30px !important;
} */

.cart-promotions li span a {
    font-family: Georgia, Serif;
    font-size: 11px;
    font-style: italic;
    letter-spacing: .1em;
    color: #ae2c30;
    line-height: 15px;
    margin-top: 10px;
    text-transform: none;
    border-bottom: 1px solid #ae2c30;
    padding-bottom: 1px;
}

.cart-promotions li span {
    font-family: Georgia, Serif;
    font-size: 11px;
    font-style: italic;
    letter-spacing: .1em;
    color: #009c90;
    line-height: 15px;
    margin-top: 10px;
    text-transform: none;
    padding-bottom: 1px;
    font-weight: normal;
}

.mobile_moto_lens_callout {
    visibility: hidden;
    height: 0px;
    margin-bottom: -30px;
}

#showDealer {
    margin-bottom: 20px;
}

#filter_features li label {
    display: inline;
}

#filter_price li label {
    display: inline;
}

.checkout_page .order_number {
    margin-bottom: 30px;
}

#newsletter_success {
    font-family: "Georgia", Serif;
    text-transform: none;
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    color: #009c90 !important;
    position: relative;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
}

#sidebar .add_wishlist_status {
    color: black;
    font-family: "Georgia", Serif;
    text-transform: none;
    font-size: 12px;
    line-height: 40px;
    font-style: italic;
    color: #009c90 !important;
    position: relative;
    letter-spacing: 0.05em;
}

.deny_mesg {
    display: none !important;
}

.caroufredsel_wrapper #foo2 img:hover {
    cursor: pointer;
}

.BVMEStaticTip {
    width: 225px !important;
}

.price {
    letter-spacing: 0em;
}

ul.cart-promotions {
    position: absolute;
    right: 0px;
    top: 15px;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    box-sizing: border-box;
}


input[type="radio"] {
    -webkit-appearance: radio !important;
    appearance: radio !important;
    box-sizing: border-box;
}

.landing_page h1.header {
    font-family: "SmithSerif", Serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 48px !important;
    letter-spacing: .0em !important;
}

.landing_page ul {
    font-size: 12px !important;
    line-height: 20px;
}

.landing_page ul li {
    padding: 4px 0px;
}


.entry_fields label {
    font-weight: 200;
}

.global_header .account_nav_popup .forgotpassword,
.global_header .account_nav_popup .createaccount {
    font-weight: 200;
}

.overlay:hover .overlay_text {
    visibility: visible !important;
}

div.twelve.columns.omega.right_content_page .overlay img {
    display: block;
}

#globalMessages p {
    color: #009c90;
}

.global_header .minicart.elite_page ul li a.minicart_remove {
    width: auto !important;
}

.right_content_page .technology h4 {
    font-weight: bold;
    margin: 10px 0px 0px;
    text-transform: uppercase;
}

.summary {
    padding-bottom: 20px;
    margin-bottom: 12px;
}


/******************** search bar fix *************************  fixed in smithoptics.css v 1.0.5 *****************/


/*.global_header .sub_nav #sub_nav_search input[type="text"]:active, .global_header .sub_nav #sub_nav_search input[type="text"]:focus, .global_header .sub_nav #sub_nav_search input[type="text"]{
	background-color: #fafafa !important;
	padding-right: 10px !important;
	border: solid 1px #d0d0d0 !important;
	color: #999 !important;
}*/

.global_header .account_nav_popup a.button {
    width: auto !important;
}



/*---------------------------*
 * Lens Selector Over Rides
 *---------------------------*/

.lensSelector h5,
.lensSelector label,
.lensSelector .description {
    font-size: 12px !important;
    color: #000;
}

#lens_condition_list li {
    font-size: 12px !important;
    letter-spacing: .05em !important;
    text-transform: none !important;
    color: #000 !important;
    font-family: "Smith" !important;
    font-weight: 200 !important;
}

#lens_swipe .lens_vlt {
    font-family: "Smith" !important;
    font-weight: bold !important;
    font-size: 12px !important;
    margin-bottom: 18px !important;
    margin-top: -15px !important;
}

.lensSelector .dropdown a div {
    width: auto !important;
}

.lensSelector #lens_select.dropdown,
.lensSelector #rx_select.dropdown,
.lensSelector #goggle_select.dropdown,
.lensSelector #lens_activity_select.dropdown,
.lensSelector #lens_activity_dropdown {
    width: 250px !important;
}

.lensSelector .lens_crumbs li {
    margin: 0 17px !important;
}

#site-wrapper {
    min-width: 1218px;
}

.clear-for-pure .wee-nav.hide {
    transform: translateY(calc(120px + 13rem));
    transition: transform 250ms ease-in-out;
}

.clear-for-pure .wee-nav {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999999;
    transform: translateY(calc(120px + 6.5rem));
}

.clear-for-pure .recently-viewed {
    min-height: 200px;
}

.BVBody .BVSliderField .ui-slider {
    background-image: url("//www.smithoptics.com/_ui/desktop/smithoptics/images/REVIEW/review_slider.png") !important;
}

.BVBody .ui-slider-handle {
    background-image: url("//www.smithoptics.com/_ui/desktop/smithoptics/images/REVIEW/review_scrubber.png") !important;
}

.BVBody .BVField div.star a {
    background-image: url("//www.smithoptics.com/_ui/desktop/smithoptics/images/REVIEW/review_star.png") !important;
}

.clear-for-pure .bv-stars .bv-star {
    width: 1.5rem;
}

.clear-for-pure .smith-bv-reviews .bv-review .bv-stars .bv-star {
    width: 3rem;
}

.wee-nav-container {
    display: none;
}

.clear-for-pure .wee-nav {
    -webkit-transform: translateY(calc(120px + 6.5rem));
    -moz-transform: translateY(calc(120px + 6.5rem));
    -ms-transform: translateY(calc(120px + 6.5rem));
    -o-transform: translateY(calc(120px + 6.5rem));
    transform: translateY(calc(120px + 6.5rem));
}

.clear-for-pure .wee-nav.open {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.clear-for-pure .wee-nav.hide {
    -webkit-transform: translateY(calc(120px + 14.5rem));
    -moz-transform: translateY(calc(120px + 14.5rem));
    -ms-transform: translateY(calc(120px + 14.5rem));
    -o-transform: translateY(calc(120px + 14.5rem));
    transform: translateY(calc(120px + 14.5rem));
}


.global_header .sub_nav #sub_nav_LifeNode ul li img {
    height: auto;
    width: calc(100% - 1rem);
}


/* Wordmarks */
span.wordmark {
    font-style: italic;
}

span.wordmark:after {
    content: "™";
    font-weight: 200;
    font-size: .65em;
    vertical-align: top;
    display: inline-block;
    margin-top: -.1em;
}

span.wordmark-reg {
    font-style: italic;
}

span.wordmark-reg:after {
    content: "®";
    font-weight: 200;
    font-size: .65em;
    vertical-align: top;
    display: inline-block;
    margin-top: -.1em;
}

#newsletter_accept{
  display:none;
}

#newsletter_accept .error{
  display: none;
  z-index: -1;
  top: 0;
  margin-bottom: 15px;
}

#newsletter_accept .skylight-dialog{
  max-width: 400px;
  height: auto;
}
#newsletter_accept .skylight-dialog .entry_field{
  display: block;
  clear: both;
}
#newsletter_accept .skylight-dialog .entry_field:first-child{
  padding-top: 15px;
}
#newsletter_accept .skylight-dialog input[type='checkbox']{
  float:left;
}
#newsletter_accept .skylight-dialog label{
  float:right;
  width: calc(100% - 30px);
  margin-bottom: 15px;
}
#register_form .entry_field{
  margin-bottom: 30px;
}

#register_form input[type="checkbox"]{
  float: left;
}
#register_form input[type="checkbox"] + label{
  width: calc(100% - 30px);
  display: inline-block;
}


#productListingPanel .four.second{
  margin: 0 15px;
}



/*
*
*  Surefoot test wins
*
*******************************/

/* smi-1d if you've got it, flaunt it
 * -----------
 * https://gist.github.com/dmaddox/60fea5ba4a78918cec3d6dfb44e308fd
 */

 /* WISHLIST: move to right of price */
 p#updateprice.price {
   display: inline-block;
 }
 #sidebar #addToWishlistForm {
   display: inline-block;
   float: right;
   margin: 40px auto 40px;
 }

 /* DIFFERENTIATORS: styling */
 .sf-differentiators {
   height: 94px;
   background-color: #F3F3F3;
 }
 .sf-differentiators ul {
   padding-top: 15px;
 }
 .sf-differentiators ul li {
   text-align: center;
   display: inline-block;
   width: 30%;
 }
 .sf-differentiators ul li img {
   width: 23px;
   padding-bottom: 3px;
 }
 .sf-differentiators ul li:nth-of-type(2) img {
   width: 28px;
 }
 .sf-differentiators ul li:nth-of-type(3) img {
   width: 33px;
 }
 .sf-differentiators ul li p {
   max-width: 65px;
   margin: auto;
   line-height: 14px;
   /* if using font stylings as in mockup: */
   font-weight: 800;
   letter-spacing: .37px;
   font-size: 11px;
 }

 /* SIDEBAR SPACING: reduce for tighter screens */
   #sidebar_column .color_select {
       margin-bottom: 0;
   }
 @media screen and (max-width: 1440px) {

   #sidebar_column h1,
   #BVReviewSummary.review {
     margin-bottom: 16px;
   }
   #sidebar_column p.summary {
     margin-top: 16px;
   }

   /* WISHLIST: move to right of price */
   p#updateprice.price {
     margin: 0 auto 16px;
   }
   #addToWishlistForm {
     margin: 4px auto 20px;
   }
 }


 /* smi-7b no, your other right hand
  * -----------
  * https://gist.github.com/nickjvm/77037ecb271e96bba368a13c204eb4f5
  */

.container #sidebar.is-fixed {
  width: 282px;
}
.container #sidebar_column.product_sidebar {
    width: 298px;
    float: right;
    margin-right: 0;
    padding-left: 14px;
}

.container #sidebar_column.product_sidebar #sidebar {
    margin-right: 0 !important;
    padding-left: 15px;
}

.container #sidebar_column.product_sidebar + .columns.right_content_page {
  float: left;
}

/* move livechat to the right */
#livechat-compact-container,
#livechat-full {
  left: 15px !important;
  right: inherit !important;
}


/* smi-10 preferred stock
 * -----------
 * https://gist.github.com/nickjvm/e52777640ad799b5a551323c0ce4834b
 */

 /* hide page on first pageload, so we can force click the 'in stock' only button (which triggers a refresh) */