/**
 *
 * RAZOYO CUSTOM CSS FILE
 *
 **/

/* FONT IMPORTS
**************************/
@import url('https://fonts.googleapis.com/css?family=Muli:300,600&subset=latin-ext,vietnamese');

/* PRODUCT PAGE
**************************/
/* SOCIAL SHARE */
.product-options-bottom .addthis_inline_share_toolbox { float:left; clear:none!important; } /* !important required to override inline style */


/* Sites Header
**************************/
.site-header__top{
    background-color: #000;
    padding: 0.625em 0;
}
.site-header__top--container {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin: 0 auto;
    max-width: 75rem;
}

.site-header__top--container nav {
    display:inline-block;
}
.site-header__top--container nav ul {
    display: flex;
    line-height:1.6;
    position:relative;
    top:1px;
}

.site-header__top--container nav ul li{
    line-height:1.6;
}

.top-nav__menu li:first-of-type a{
    padding-left:0;
}

.site-header__top--container a {
    color: #fff;
    font-family: "Muli",sans-serif;
    font-size: 0.75em;
    font-weight: 300;
    -webkit-font-smoothing:antialiased;
    padding: 0 .625em;
    text-transform: uppercase;
}

.site-header__top--container a:hover {
	color:white;
    text-decoration: underline;
}

.site-header__top--container .current-site a {
    font-weight: 600;
    text-decoration: underline;
}

.universal-header {
    border-top: 1px solid #dddddd;
    padding-left: 25px;
}

.universal-header h3 {
    margin-top: 10px;
}

.universal-header a {
    color: #636363;
}

.universal-header a:hover {
    color: #636363;
}

/* Desktop-first media queries */
@media only screen and (max-width:768px){
    .site-header__top{
        display:none;
    }
}
@media only screen and (min-width:768px){
    .universal-header {
        display:none;
    }
}