/*
Theme Name: Sator
Version:    1.0
Description:
Author: Dennis Germundal / Dennisign
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font: 68.5%/180% Georgia, "Times New Roman", Times, serif;
    color:#000;
    background:#000 url(images/back.jpg) top center no-repeat fixed;
    /*background-image:url(../images/Facebook_Sator_Poster.jpg);
    background-size:cover;*/
    text-align:center;
}

.hide{
    display: none;
}

#container a img {
    border:none;
    color:white;
    display:block;
}

img{
    max-width: 100%;
    height: auto;
}

a {
    text-decoration:underline;
    color:#764949;
}
a:visited {
    color: #999;
}

a:hover, a:active {
    background-color:#764949;
    color:#fff;
}

a.imgLink {
    border: 1px solid #999;
    padding: 5px;
    display: inline-block;
}

a.imgLink:hover {
    border:1px solid #764949;
    background:#764949;
}

a.empty {
    border:none !important;
    padding:0 !important;
}

.left,
.right {
    display:block;
}

.left,
.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.right,
.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.right img{
    display:block;
}

.right img + img{
    margin-top:10px;
}

.archive{
    text-align:right;
}

p, address, li, dt, dd{
    font-size:1.2em;
    line-height:1.4;
    margin:0 0 1em;
}

h1{
    line-height:1.4;
    font-size: 3em;
    margin:0 0 0.5em;
    font-family:TwentyEightDaysLater, Impact;
}

h2, h3 {
    font-size: 3em;
    margin:2em 0 0em;
    line-height:1.2;
    /*font-size: 3em;*/
    font-family:Georgia;
}

h2 {
    font-size: 2.2em;
}

h3 {
    font-size: 1.9em;
}

.newsItem h2,
#pictures #main h3,
.video h2,
.video h3{
    text-transform:none;
}

#container {
    margin: 0 auto;
    text-align:left;
    max-width:1024px;
    padding:0 32px 50px;
    background-color:#fff;
    position:relative;
    overflow:hidden;
    box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.5);
}

#albums,
#chapters{
    width:200px;
    float:right;
    margin-right:15px;
}

.writer{
    font-style:italic;
    margin-bottom:1em;
}

#header a.logo{
    background-color:transparent !important;
    display: block;
    margin-bottom: 10px;
}

#header a.logo img{
    display:inline;
    vertical-align: top;
}

/*
Lyrics --------------------------------------------------------------------*/

#biography #content {
    float:left;
    width: 440px;
}

body#main_basement_lyrics dt#basement_lyrics + dd a,
body#main_musical_lyrics dt#musical_lyrics + dd a,
body#main_stereo_lyrics dt#stereo_lyrics + dd a,
body#main_barbie_lyrics dt#barbie_lyrics + dd a,
body#main_headquake_lyrics dt#headquake_lyrics + dd a,
body#main_stock_lyrics dt#stock_lyrics + dd a,
body#main_slammer_lyrics dt#slammer_lyrics + dd a,
body#main_singles_lyrics dt#singles_lyrics + dd a,
body#main_other_lyrics dt#other_lyrics + dd a,
body#main_speedofsound_lyrics dt#speedofsound_lyrics + dd a{
    background-color:#764949;
    color:#fff;
}

/*
Pictures --------------------------------------------------------------------*/

.picList {
    overflow:hidden;
    list-style-type:none;
    padding:0;
}

#pictures .picList li {
    float:left;
    margin:0 15px 15px 0;
}

#pictures .picList li a{
    border:1px solid #fff;
    display:block;
}

#pictures .picList li a img{
    display:block;
}

#pictures .picList li a:hover{
    border:1px solid #764949;
}


/* menu --------------------------------------------------------------------*/
/*ul  {
  margin: 0;
  padding: 0;
  list-style-type:none;
}

ol {
  margin: 0 0 1em;
  padding: 0 0 0 3em;
}
*/
li {
    margin: 0;
    padding: 0;
}


/* Local nav
-------------------------------------------*/
#localNav{
    margin-bottom:2em;
}

/* Calendar
-------------------------------------------*/

.calendar dt{
    float:left;
    width:70px;
    font-weight:normal;
    text-transform:uppercase;
    font-family:"Courier New",Courier,monospace;
    letter-spacing:2px;
    margin:0;
}

/* Videos
-------------------------------------------*/
.video{
    margin-bottom:4em;
}

.video h2{
    margin:0;
}

.video h3{
    margin-top:0;
}


#puff {
    float:left;
    width:100%;
    text-align: center;
}

#main {
    float:left;
    width: 575px;
    width: 60%;
}

#sidebar {
    float:right;
    width: 325px;
    width: 34%;
    border-left:1px dashed #764949;
    padding:0 0 20px 20px;
}

#sidebar h4 {
    font-size: 2em;
}

.sidenav {
    list-style-type: none;
    padding: 0;
}

.sidenav li {
    margin-bottom: .5em;
}

.sidenav li.active {
    font-weight: bold;
}

#fullWidth{
    margin-bottom:20px;
}

iframe {
    border:none;
    width:100%;
    /*height:100%;*/
}

#iframe {
    width:100%;
    height:2000px;
}

#contact select, #contact input, #contact textarea {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:1.2em;
    background-color: #F9F7F7;
    border:1px solid #764949;
    width:320px;
    padding:3px;
}

#contact select {
    width:328px;
}

#contact label {
    display:block;
    float:left;
    width:100px;
    font-size:1.2em;
}

#contact input.submit {
    margin-left:100px;
    width:auto;
}

#contactForm div {
    margin-bottom:5px;
}

blockquote {
    quotes: "\201C" "\201D";
    padding-left:3.5em;
    margin-left:0;
}

blockquote p{
    margin-top:0;
}

blockquote:before {
    content: open-quote;
    font-weight: bold;
    color:#a58888;
    font-size:50px;
    display: block;
    height:0.6em;
    margin-left:-0.6em;
    margin-top:-0.4em;
    line-height:100px;
}
/*blockquote:after { content: close-quote;}*/

/*blockquote p:before {
    content: '"'; }
blockquote p:after {
    content: '"'; }
*/

dt,dd{
    margin:0;
    padding:0;
    font-size:1.2em;
}

dt p,dd p,dd address{
    font-size:1.0em;
}


dt{
    font-weight:bold;
    margin-top:3em;
}

dt{
    font-weight:bold;
    margin-top:3em;
}

/* Newslist
-----------------------*/

.date {
    text-transform:uppercase;
    font-family:"Courier New", Courier, monospace;
    letter-spacing:2px;
    line-height:1;
    margin-bottom:0;
}

.headlines h3{margin:0;}
dl.headlines p {margin:0 0 1em 0;}

.newsItem{margin-top:3em;overflow:hidden;}
.newsItem h2{color: #222222;font-size: 3em;margin:0;padding:0;}

.postDateList .date{display:block;text-align:right;}
.caption{font-style:italic;}

.first,
#startpage #sidebar h3:first-of-type,
#sidebar h2:first-of-type {
    margin-top: 0 !important;
}

.mediaThumbs{overflow:hidden;display:none;}
.mediaThumbs li{display:inline;list-style-type:none;}
.mediaThumbs li img{display:block;float:left;margin:0 5px 5px 0;padding:5px;cursor:pointer;}
.mediaThumbs li img:hover,.mediaThumbs li img.selected{background-color:#764949;}

/* Forum
---------------------------------*/
#forum-title {
    /*font-weight:bold;
    font-size:2.2em;
    line-height:1.4;
    margin-top:0pt;	*/
    background:white url(/images/overall_im/thesatorforum.gif) no-repeat;
    text-indent:-100em;
    height:30px;
    width:230px;
    overflow:hidden;
}

.nabble {
    font-size:1.2em;
    text-align:left;
}

.nabble .top-bar {
    border-bottom-width:0;
}

.nabble h1{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    font-size:2.2em;
    color:#000;
}

.nabble h2{
    font-family:Georgia, "Times New Roman", Times, serif !important;
}

.nabble a,
.nabble a:link {
    text-decoration:underline;
    color:#764949;
}

.nabble a:visited {
    color: #999;
}

.nabble a:hover,
.nabble a:active {
    background-color:#764949;
    color:#fff;
}

.nabble .weak-color {
    margin-top:0 !important;
}

.nabble input,
.nabble .go-btn{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:15px;
    background-color: #F9F7F7;
    border:1px solid #764949;
    padding:3px;
}

.nabble .go-btn{
    padding:2px;
}

/* Lytebox
------------------------------------------*/
#lbDetails{
    width:70% !important;
}

#lbOuterContainer.grey,
#lbDetailsContainer.grey{
    border-color:#764949 !important;
}

ul#menu li a:hover,
ul#menu li a:focus,
ul#menu li.active a,
ul#menu li.semiactive a,
#startpage ul#menu li#startpageNav a,
#biography ul#menu li#biographyNav a,
#discography ul#menu li#discographyNav a,
#lyrics ul#menu li#lyricsNav a,
#pictures ul#menu li#picturesNav a,
#stories ul#menu li#storiesNav a,
#theband ul#menu li#thebandNav a,
#trivia ul#menu li#triviaNav a,
#sounds ul#menu li#soundsNav a,
#forum ul#menu li#forumNav a,
#contact ul#menu li#contactNav a {
    background-color:transparent;
    border-bottom:4px solid #764949;
    color:#000;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Image rotator
------------------------------------*/
#rotator {position:relative;}
#rotator li {
    float:left;
    position:absolute;
    list-style: none;
}
#rotator li.show {z-index:500}

/* Social links
-----------------------------------*/
.social-links {
    padding: 0;
    margin-bottom: 2em;
    overflow: hidden;
}

.social-links li {
    display: inline;
}

.social-links li a {
    float: left;
    margin-right: 10px;
    display: block;
    height: 32px;
    text-indent: 9999px;
    width: 32px;
    overflow: hidden;
    background: transparent url(/images/overall_im/facebook.svg) no-repeat left center;
    white-space: nowrap;
}

.social-links li a.dayviews {
    background-image: url(/images/overall_im/dayviews.png);
}

.social-links li a.facebook {
    background-image: url(/images/overall_im/facebook.svg);
}

.social-links li a.instagram {
    background-image: url(/images/overall_im/instagram.svg);
}

.social-links li a.spotify {
    background-image: url(/images/overall_im/spotify.svg);
}

.social-links li a.youtube {
    background-image: url(/images/overall_im/youtube.svg);
}

.social-links li a.myspace {
    background-image: url(/images/overall_im/myspace.png);
}

.social-links li a.lastfm {
    background-image: url(/images/overall_im/lastfm.png);
}

/* Superfish
----------------------------------------------------------------------------------*/

.toggleHolder{
    overflow: hidden;
    margin-bottom: 5px;
    display: none;
}
.menuToggle{
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #fff;
    border-color: #ccc;
    color: #333;
    float:left;
}

#menu {
    margin: 0 auto 30px;
    list-style-type: none;
    padding: 0;
}

#menu ul {
    position: absolute;
    top: -999em;
    width: 210px; /* left offset of submenus need to match (see below) */
    margin: 0;
    padding: 0;
    list-style-type:none;
}

#menu ul li {
    width: 100%;
    background:#F9F7F7;
}

#menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

#menu li {
    float: left;
    position: relative;
    margin-right: 24px;
}

#menu a {
    font-size: 1.2em;
    display: block;
    position: relative;
    text-decoration:none;
    padding:0 3px;
    border-bottom:4px solid #fff;
}

#menu li li a {color: #764949 !important;}

#menu a:hover {
    background-color:transparent;
    border-bottom:4px solid #764949;
    color:#000;
}

#menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color: #764949;
}

html>body #menu li.sfHover {
    background:	transparent url('/images/superfish/shadow.png') no-repeat top right;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    padding:0 8px 0 0;
    margin-right: 16px;
}

#menu li.sfHover a{
    background-color:#F9F7F7 !important;
    color:#764949 !important;
    border-bottom:4px solid #764949;
}

#menu li:hover ul,
#menu li.sfHover ul {
    left: 0;
    top: 26px; /* match top ul list item height */
    z-index: 99;
}
ul#menu li:hover li ul,
ul#menu li.sfHover li ul {
    top: -999em;
}
ul#menu li li:hover ul,
ul#menu li li.sfHover ul {
    left: 210px; /* match ul width */
    top: 0;
}
ul#menu li li:hover li ul,
ul#menu li li.sfHover li ul {
    top: -999em;
}
ul#menu li li li:hover ul,
ul#menu li li li.sfHover ul {
    left: 210px; /* match ul width */
    top: 0;
}

ul#menu ul li a{
    font-size:0.75em;
    margin-top:3px;
    padding:1px 5px;
    border:none !important;
}

ul#menu ul li a:hover{
    color:#fff !important;
    background-color:#764949 !important;
}

#menu li:hover, #menu li.sfHover,
#menu a:focus, #menu a:hover, #menu a:active {
}

/*** arrows **/
#menu a.sf-with-ul {
    padding-right: 	2.25em;
    min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:		absolute;
    display:		block;
    right:			.75em;
    top:			1.05em; /* IE6 only */
    width:			10px;
    height:			10px;
    text-indent: 	-999em;
    overflow:		hidden;
    background:		url('/images/superfish/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#menu ul .sf-sub-indicator { background-position:  -10px 0; }
#menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#menu ul a:focus > .sf-sub-indicator,
#menu ul a:hover > .sf-sub-indicator,
#menu ul a:active > .sf-sub-indicator,
#menu ul li:hover > a > .sf-sub-indicator,
#menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background:	url('/images/superfish/shadow.png') no-repeat bottom right;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
    padding:0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

/* Tiny */
body.mceContentBody {
    text-align:left;
    background: white;
    margin: 9px 10px;
}

#bdbwidget_imagefeed{
    clear: left;
    padding-top: 70px;
}

#bdbwidget_imagefeed h3{
    font-size:22px;
}
#bdbwidget_imagefeed .bdb_widget{
    width: 100%;
}
#bdbwidget_imagefeed .bdb_widget a img{
    display:inline;
    width:auto;
    height:auto;
}

#bdb_logolink:hover{background-color:transparent;}

.upcoming_top h3{
    font-size: 2em;
    margin-top:1em;
}
.upcoming_top h4{
    font-size: 1.5em;
}

/* Trägårn competition */
#contact label{width:210px;}
#contactForm div {
    overflow:hidden;
}
#contact select, #contact input, #contact textarea{float:right;width: 287px}
h4{font-family: Georgia;font-size: 28px;font-weight:bold;margin:0 0 20px;}
.tipsy {font-size: 12px;}
.error{border-color:red !important;}
.okMsg{
    background-color: #94CF81;
    border: 2px solid #1B5F06;
    padding: 10px;
}
.errMsg{
    background-color: #EFA4A4;
    border: 2px solid #FF3F3F;
    padding: 10px;
}
/* end Trägårn */

@media (max-width: 768px){
    .logo{
        margin: 0 -35px 0 -57px;
    }
    .toggleHolder{
        display: block;
    }
    #menu{
        display: none;
        /*margin-left:200px;
        margin-right:200px;*/
    }
    .mobile-show{
        display: block;
    }
    #main,
    #sidebar{
        width: 100%;
        border:none;
        padding: 0;
        float:none;
    }
    #sidebar{
        margin-top:40px;
    }
    #menu li{
        float:none;
        margin:7px 0;
    }
    ul#menu ul li a{
        font-size: 1em;
    }
    .right,.right img,
    .left,.left img,
    #albums, #chapters,
    #biography #content,
    #pictures .picList li
    {
        float:none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .calendar dt{
        float:none;
    }
    body#main_basement_lyrics ul#menu li#lyricsNav ul,
    body#main_musical_lyrics ul#menu li#lyricsNav ul,
    body#main_stereo_lyrics ul#menu li#lyricsNav ul,
    body#main_barbie_lyrics ul#menu li#lyricsNav ul,
    body#main_headquake_lyrics ul#menu li#lyricsNav ul,
    body#main_stock_lyrics ul#menu li#lyricsNav ul,
    body#main_slammer_lyrics ul#menu li#lyricsNav ul,
    body#main_singles_lyrics ul#menu li#lyricsNav ul,
    body#main_other_lyrics ul#menu li#lyricsNav ul,
    body#main_speedofsound_lyrics ul#menu li#lyricsNav ul,
    #biography ul#menu li#biographyNav ul,
    #discography ul#menu li#discographyNav ul,
    #lyrics ul#menu li#lyricsNav ul,
    #stories ul#menu li#storiesNav ul{
        display: block !important;
        visibility: visible !important;
        position: static;
        width: 100%;
    }
    ul#menu li a:hover, ul#menu li a:focus, ul#menu li.active a, ul#menu li.semiactive a, #startpage ul#menu li#startpageNav a, #biography ul#menu li#biographyNav a, #discography ul#menu li#discographyNav a, #lyrics ul#menu li#lyricsNav a, #pictures ul#menu li#picturesNav a, #stories ul#menu li#storiesNav a, #theband ul#menu li#thebandNav a, #trivia ul#menu li#triviaNav a, #sounds ul#menu li#soundsNav a, #forum ul#menu li#forumNav a, #contact ul#menu li#contactNav a{
        border:none;
    }
    #menu ul{
        margin-left:20px;
        position: static;
        display: none;
    }
    #menu ul li,
    .sf-shadow ul,
    html>body #menu li.sfHover,
    #menu li.sfHover a,
    ul#menu ul li a:hover{
        background: transparent;
    }
    #menu a{
        border:none !important;
    }
    .sfHover ul{
        display: none !important;
    }
    #menu li.sfHover a{
        background-color:transparent !important;
    }
}

/* Merch */
ul.products{
    padding:0;
}

.product h2,
.woocommerce h2{
    text-transform: none;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    background: transparent;
}

ul.products li.product .woocommerce-LoopProduct-link{
    text-decoration: none;
}

ul.products li.product .woocommerce-LoopProduct-link:hover{
    background: transparent;
    color: inherit;
}

.related.products {
    clear: left;
}

.added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
    border: 0;
    background: 0 0;
    background-color: #43454b;
    border-color: #43454b;
    color: #fff;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    outline: 0;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #333333;
}

.input-text {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
}

.screen-reader-text {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
}

.site-header-cart .widget_shopping_cart {
    display: none;
    color: #838383;
}

.widget_shopping_cart .product_list_widget {
    margin-bottom: 0;
}

.widget_shopping_cart .product_list_widget li {
    position: relative;
    padding: 1em 1.41575em !important;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.site-header-cart .widget_shopping_cart a {
    color: #333333;
}

.widget_shopping_cart .product_list_widget li a.remove {
    position: absolute;
    top: 1em;
    left: 0;
    opacity: 1;
}

.product_list_widget li>a {
    display: block;
}

.widget_shopping_cart p.total {
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.widget_shopping_cart p.buttons, .widget_shopping_cart p.total {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    margin: 0;
    text-align: center;
}

.site-header .widget_shopping_cart li,
.site-header .widget_shopping_cart p.buttons,
.site-header .widget_shopping_cart p.total {
    padding-left: 1.41575em;
    padding-right: 1.41575em;
}

.widget_shopping_cart .buttons .button:nth-child(odd) {
    margin-bottom: .6180469716em;
}

.button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #333333;
}

.widget_shopping_cart .buttons .button {
    display: block;
}

.widget a.button.checkout {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}

.site-header-cart .widget_shopping_cart a {
    color: #333333;
}

.site-header-cart .widget_shopping_cart a:hover,
.site-header-cart:hover > li > a,
.site-header ul.menu li.current-menu-item > a {
    color: #838383;
    background:transparent;
}

.widget a.button:hover,
.site-header-cart .widget_shopping_cart a.button:hover {
    background-color: #d5d5d5;
    border-color: #d5d5d5;
    color: #333333;
}

.widget a.button.checkout:hover {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #ffffff;
}

.wc-forward:after, .woocommerce-Button--next:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f178";
    margin-left: 0.5407911001em;
}

@media screen and (min-width: 768px){

    .woocommerce-products-header{
        clear:both;
    }

    .woocommerce .woocommerce-breadcrumb {
        width: 73.9130434783%;
        float: left;
        padding: 1.618em 0;
        margin:0;
    }

    .woocommerce-notices-wrapper {
        overflow: hidden;
    }

    /*.site-header-cart,*/
    .woocommerce .site-header {
        position: relative;
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        margin-bottom: 0;
    }

    .site-header-cart .widget_shopping_cart {
        color: #6d6d6d;
        background-color: #f0f0f0;
    }

    .site-header-cart .cart-contents {
        padding: 1.618em 0;
        display: block;
        position: relative;
        background-color: transparent;
        height: auto;
        width: auto;
        text-indent: 0;
    }

    .site-header-cart .cart-contents:hover {
        color:inherit;
    }

    .site-header-cart .cart-contents:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 1em;
        float: right;
        content: "\f291";
        line-height: 1.618;
    }

    .site-header-cart .widget_shopping_cart {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 999999;
        font-size: .875em;
        left: -999em;
        display: block;
        color: #6d6d6d;
    }

    .site-header-cart.focus .widget_shopping_cart,
    .site-header-cart:hover .widget_shopping_cart {
        left: 0;
        display: block;
    }

    .site-header-cart .cart-contents .amount {
        margin-right: .327em;
    }

    .site-header-cart .cart-contents .count {
        font-weight: 300;
        opacity: .5;
        font-size: .875em;
    }

    .site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
        position: relative;
        float: left;
        top: auto;
    }

    .site-header-cart .widget_shopping_cart, .site-header .product_list_widget li .quantity {
        color: #6d6d6d;
    }

    .site-header-cart .widget_shopping_cart .total {
        background-color: #f5f5f5;
    }



}