/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

@import url("../salient/style.css");



body {
    color: #462F1F;
}
#header-space {
    background-color: #C78838 !important;
}
#footer-outer #copyright {
    background-color: #462F1F !important;
    background-color: #1c1c1c;
}
h1, h2, h3, h4, h5 h6 {
    color: #462F1F
}
h1 {
    margin-bottom: 28px;
}

.main-content ul li {
	list-style:none !important; /* if you’re not already using a reset */
}

.main-content ul {
    list-style: none;
    padding:0; 
    margin:0;
}

.main-content ul li { 
    padding-left: 3em; 
    text-indent: -.9em;
    top: -8px;
    position: relative;
}

.main-content ul li:before {
    color: #C78838 !important; /* or whatever color you prefer */
    content:"\2022 " !important;/* /2022 is the numerical unicode for • */
  font-size:2.2em !important; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
    top: 8px;
    position: relative;
    left: -3px
}
.it {
    color: #C78838;
}
.contactSylvia {
    line-height: 0.65em;
    top: 10px; 
    position: relative;
}
#headerPers h3 {
    font-size: 30px;
    padding: 5px;
    margin: 0;
    text-align: center;
}
#headerPersDunkel {
    background-color: #462F1F;
    color: #C78838;
}
#headerPersHell {
    background-color: #C78838;
    color: #462F1F;
}
.container-wrap {
    top: 55px;
    padding-top: 50px;
}
.span_6 {
    width: 47%;
}
.col {
    margin-right: 6%;
}
.wp-image-22, .wp-image-23 {
    margin-bottom: 0;
}

/*******************powered by*******************/
#powered {
    top: -10px;
    position: relative;
}

#poweredText {
    top: -20px;
    position: relative;
}
#powered a img {
    margin-left: 5px;
}
#copyright {
    padding-bottom: 5px;
    height: 65px;
    margin: 0;
}
#copyright .container {
    position: relative;
}
#copyright .span_2 {
    position: relative; 
    top: -15px;
}
.reviderm {
    position: relative;
    top: -25px;
    margin-right: 30px;
}

h2 {
    font-size: 26px;
}

/************************************* Responsive **********************/


header#top #toggle-nav, header#top #mobile-cart-link, header#top .span_9 > .slide-out-widget-area-toggle
.slide-out-widget-area-toggle {
    display: none !important;
}

@media only screen and (min-width: 1px) and (max-width: 1300px) {
    #logo img {
        height: 180px !important;
    }
}


@media only screen and (min-width: 1px) and (max-width: 1015px) { 
   
    .span_6, .main-content ul li {
        text-align: left !important;
        padding-left: 1em;
    }
    body header#top #logo img {
        height: 50px !important;
        top: -10px !important;
    }
    #top .container .row {
        height: 60px;
    }
    #footer-outer #copyright .col {
        text-align: center;
        width: 100% !important;
    }
    #powered {
        text-align: center;
        top: 0;
    }
        header#top #toggle-nav, header#top #mobile-cart-link, header#top .span_9 > .slide-out-widget-area-toggle {
        display: none !important;
    }
    .span_6 {
        width: 100%;
    }
    .col {
        margin-right: 0;
    }
}

@media only screen and (max-width : 690px) {
    .container, div.slider-nav {
        max-width: 90% !important; 
    } 
 }
@media only screen and (min-width: 1px) and (max-width: 500px) { 
    .reviderm {
        top: 0;
        margin-right: 0;
        margin-bottom: 20px;
        float: none;
    }
    .revidermlogo {
        display: block;
    }
    .main-content > div {
        font-size: 0.9em;
    }
    #headerPers h3#headerPersHell {
        font-size: 20px;
    }
}


@media only screen and (min-width: 1px) and (max-width: 340px) { 
    #headerPers h3#headerPersHell {
        font-size: 16px;
    }
}

/************************ Datenschutz *****************************/
.table-cookie {
  width: 100%;
  border: 0;
  max-width: 1100px;
  margin-bottom: 30px;
} 
.table-cookie th, .table-cookie td {
  padding: 5px;
  text-align: left !important;
}
.table-cookie .tdname {
  width: 20%;
  max-width: 200px;
  font-weight: 700px;
  text-align: left;
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   word-wrap: break-word;
}
.table-cookie .tdtyp {
  width: 10%;
  text-align: center;
}
.table-cookie .tdbeschreibung {
  width: 45%;
  text-align: left;;
}
.table-cookie td.tddauer {
  width: 20%;
  text-align: right;
}