:/*
Theme Name: Design Chic
Theme URI: http://www.design-chic.ro/
Description: Custom Wordpress theme for Design Chic.
Author: Cristian Raiber
Author URI: http://www.quickpanda.ro/
Version: 0.1

License:

 Copyright 2012 YOUR NAME (cristian@quickpanda.ro)

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License, version 2, as
  published by the Free Software Foundation.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with this program; if not, write to the Free Software
  Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

*/


/*========================================

        Reset rules

========================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
        font-size: 62.5%;
        font-family: "Open Sans", sans-serif !important;
        background-color: #EEE !important;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*========================================

        Responsive Grid

========================================*/

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
   outline: 0;
}


/*========================================

        Typography

========================================*/
h1,h2,h3,h4,h5,h6 {font-weight: normal;}

h1 {
    font-size: 3.6em;
    text-transform: uppercase;
}

h2 {
    font-size: 3.0em;
}

h3 {
    font-size: 2.4em;
    line-height: 3.0em;
}

h4 {
    font-size: 1.8em;
}

h5 {
    font-size: 1.4em;
    line-height: 2.0em;
}

h6 {
    font-size: 1.2em;
    line-height: 2.0em;
}

strong {font-weight: bold;}
i {font-style: italic;}


/*========================================

        Actual Site Styling

========================================*/

#siteWrapper {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 0 50px #CCC;
   border:1px solid #CCC;
}

.topHeaderWrapper, footer {
	line-height: 60px;
	background-color: #222;
}
  .topHeaderWrapper {
    transition: all .3s ease;
  }
  .topHeaderWrapper.smaller {
    position: fixed;
    z-index: 99999999;
    width: 100%;
    max-width: 1170px;
    top: 0;
  }

.topHeaderWrapper, .topHeaderWrapper a,
footer, footer a {
	color: #d4d4d4;
	text-decoration: none;
	font-size: 1em;
}

  .topHeaderWrapper .mail a {float: right;}

	.topHeaderWrapper a:hover {text-decoration: underline; color: #FFF;}

.headerWrapper {
    min-height: 125px;
    height: auto;
    /*width: 100%;*/
    background-color: #E2E2E2;
    border-top: 5px solid #A0BD3F;
    display: flex;
    align-items: center;
}
  .topHeaderWrapper .orange {
    color: orange;
  }

  .topHeaderWrapper .telekom {
    color: #e20074;
  }

.headerWrapper .logo {
    color: #FFF;
    font-family: 'Bitter';
    font-size: 2rem;
    line-height: 125px;
}

  .headerWrapper .logo img {
    width: auto;
    height: 100%;
  }

	.headerWrapper .logo a {
		color: #FFF;
		text-decoration: none;
	}

/* === Nav Menu === */
.headerWrapper .navMenu {
    margin: 10px auto;
    vertical-align: middle;
}

.headerWrapper .navMenu .current-menu-item {
  background-color: #A0BD3F;
}

  .headerWrapper .navMenu .current-menu-item a { color: #FFF !important; }


.navMenu ul {
	list-style:none;
	margin:0;
	padding: 1px 0;
}
.navMenu ul li{
	float:left;
}

.navMenu li > a:after {
        position: relative;
        left: 8px;
        top: -1px;
        content: '\25BC';
        font-size: 10px;
}

.navMenu li > a:only-child:after { margin-left: 0; content: ''; }
    /* ===== First Level ===== */
    .navMenu ul li {

            position:relative;
            padding:0;
            margin:0;
    }
            .navMenu ul ul li {
            border:none;
    }
            .navMenu ul li a {
            display: block;
            text-decoration:none;
            font-size:16px;
            line-height:48px;
            color: #000;
            padding:0 20px;
    }
            .navMenu ul li:hover a {
            position:relative;
            background: #748a2b;
            color:#fff;
    }
    .navMenu ul ul,
    .navMenu ul li:hover ul ul {
            position:absolute;
            display:none;
            z-index: 10;
    }

    .navMenu ul ul {background-color: #8d3652; min-width: 300px;}
    .navMenu ul ul li {width: 100%}

    .navMenu ul ul li:hover ul,
    .navMenu ul li:hover ul li:hover ul {
            display:block;
            top:0px;
            left: 100%;
    }
        /* ===== Second and Third Level ===== */
        .navMenu ul li:hover ul {
                display:block;
                position:absolute;
                left:0;
                top:100%;
                width:auto;
                height:auto;
                margin:0;
                padding:0;
        }
        .navMenu ul ul {
                background:#748a2b;
        }
        .navMenu ul ul ul {

                margin-left:-14px;
        }
        .navMenu ul ul li a {
                float:none;
                width: 100%;
                line-height:normal;
                font-variant:normal;
                font-weight:normal;
                font-size:14px;
                color:#fff;
                text-transform:none;
                padding:6px 10px;
                background:none !important;
        }
        .navMenu ul ul ul li a {
                color:#fff;
                font-weight:bold;
        }
        .navMenu ul ul li:hover > a {
                background: #eee !important;
                color:#333 !important;
        }
        .navMenu ul ul ul li:hover > a {
                background: #eee !important;
                color: #333 !important;
        }

/* === Slider === */

.headerSlider {position: relative;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.rslides .slideTitle {
	position: absolute;
	left: 0;
	right: 0;
	top: 65%;
}

.rslides .slideTitle h3 {
    max-width: 80%;
    display: table;
    margin: 0 auto;
    padding: 15px;
    font-size: 36px;
    line-height: 36px;
    color: #FFF;
    text-align: center;
    background-color: rgba(0,0,0, .7);
}

.rslides .slideContent {
	position: absolute;
	left: 0;
	right: 0;
	top: 78.5%;

}

.rslides .slideContent p {
    max-width: 80%;
    display: table;
    margin: 0 auto;
    color: #FFF;
    top: 0;
    padding: 15px;
    font-size: 16px;
    line-height: 24px;
    background-color: rgba(0,0,0, .7);
    text-align: center;

}
    /* === Slider Nav === */
    .rslides_nav {
        position: absolute;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        top: 50%;
        left: 0;
        z-index: 99;
        opacity: 0.7;
        text-indent: -9999px;
        overflow: hidden;
        text-decoration: none;
        height: 61px;
        width: 38px;
        background: transparent url("images/themes.gif") no-repeat left top;
        margin-top: -45px;
    }
    .rslides_nav.next {
        left: auto;
        background-position: right top;
        right: 0;
    }

 /* == Homepage Products === */
 /*
    homepageProducts        -> z-index: -1 (background-color for the containg div)
    homepageProducts sep    -> z-index: 0 (needs to be above the bg, below the h3)
    sectionTitle h3         -> z-index: 1 (needs to be in the front)
 */
 .homepageProducts {
     background-color: #FFF;
     position: relative;
 }
 .homepageProducts .sectionTitle,
 .homepageTestimonials .sectionTitle,
 .archiveProducts .sectionTitle,
.singleProduct .sectionTitle{position: relative;}

.homepageProducts h3,
.homepageTestimonials h3,
.archiveProducts h3,
.singleProduct h3{
     position: relative;
     z-index: 1;
     color: #404040;
     font-size: 22px;
     text-align: center;
     padding: 0 25px;
     background-color: #FFF; /* same bg color as the homepageProducts wrapper */
     display: table;
     margin: 0 auto;
 }

.homepageProducts .sep,
.homepageTestimonials .sep,
.archiveProducts .sep,
.singleProduct .sep{
     width: 99%;
     height: 1px;
     position: absolute;
     top: 50%;
     left: 0.5%;
     border-top: 1px solid #dadada;
     z-index: 0;
 }

.homepageProducts img,
.archiveProducts img {
        max-width: 100%;
        height: auto;
}

.homepageProducts .productTitle a,
.archiveProducts .productTitle a{
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: #666;
}

    .homepageProducts .productTitle a:hover,
    .archiveProducts .productTitle a:hover {text-decoration: underline;}

/* === Homepage Testimonials === */
.homepageTestimonials {padding: 35px 0;}
.homepageTestimonials .testimonial-quote {
    padding: 15px 50px;
    font-size: 14px;
    line-height: 21px;
    position: relative;
}
.homepageTestimonials .testimonial-quote:before {
    content: '\201C';
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 34px;
    color: #CCC;
}

.homepageTestimonials .testimonial-quote:after {
    content: '\201D';
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: 34px;
    color: #CCC;
}

.homepageTestimonials .client-contact-info {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 12px;
    display: table;
    text-decoration: underline;
}

/* === Footer Widget Section === */
.footerWidgets {
    background-color: #262626;
    color: #737373;
    padding: 25px 0;
    font-size: 12px;
    line-height: 22px;
}

.footerWidgets .widget {
    padding: 10px 35px;
}

.footerWidgets .widget a {
    text-decoration: none;
    color: #737373;
}

.footerWidgets .widget a:hover {text-decoration: underline;}

.footerWidgets .widgettitle {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #F0EEE8;
    margin-bottom: 15px;
}

/* === Archive Products Page === */
.archiveProducts {padding-bottom: 35px;}
.archiveProducts .productTitle a {
    font-size: 20px;
    line-height: 30px;
    color: #404040;
}

.archiveProducts .productContent {
    padding: 5px 75px;
    text-align: left;
}
.archiveProducts img {border-radius: 5px;}
.archiveProducts .productContent p {
    font-size: 12px;
    line-height: 18px;
    color: #595959;
}

    /* === Pagination === */
    #pagination {
        padding: 15px 0;
        height: 50px;
        line-height: 80px;
    }
    #pagination a {text-decoration: none; color: #404040; font-size: 14px; line-height: 21px;}
    #pagination .previous-link {margin-left: 25px;}
    #pagination .next-link {margin-right: 25px;}
    #pagination .next-link a {float: right;}

/* === Single Product Page === */

.singleProductContent p {
    font-size: 14px;
    line-height: 21px;
    padding: 15px 25px;
}
.detaliiProdus {
    position: relative;
    min-height: 320px;
}

/* === Contact Page === */
#map_wrapper {
   margin: 0 auto;
   height: 300px;
   max-width: 100%;
   padding: 10px;
}

#map_canvas {
	width: 100%;
	height: 100%;
}

.products-wrapper-homepage {
  width: 70%;
  margin: 0 auto;
}

.category-name {
  padding: 0 !important;
}

.product-homepage {
  height: 225px;
  margin: 14px 28px 15px 36px;
  overflow: hidden;
  border: 1px solid #91AA42;
  padding: 0 !important;
}

.product-homepage h5 {
  display: block;
  width: 100%;
  padding: 5px;
  background-color: #91AA42;
  color: #FFF;
  margin-bottom: 20px;
  line-height: 22px;
  margin-top: 0;
  font-size: 16px;

}

  .product-homepage img {
    width: 80%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

footer {padding: 0 15px;}

.heading-section {
  position: relative;
  padding-bottom: 10px;
}

.heading-section:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #DEDEDE;
}

.product-description {
  background-color: #EEE;
  border: 1px solid #CCC;
  padding: 0 25px;
}

.category-product, .product-full-description ul {list-style: square; margin-left: 15px;}
.category-product ul li, .product-full-description ul li {margin: 5px 0;}
  .category-product .heading-section a {color: #000; text-decoration: none;}
  .category-product .heading-section a:hover {text-decoration: underline;}
  .category-product .col-sm-3 img {max-width: 100%;}

.bottom-category-description {margin-top: 50px;}
.category-description p {
  font-size: 14px;
  line-height: 21px;
  color: #333;
}

.product-price, .product-warranty, .product-good-for {
  margin: 0 0 7.5px 0;
  padding: 5px;
}

.product-price, .product-warranty, .product-good-for {
  color: #FFF;
  border-radius: 5px;
}

.product-price { background-color: #A0BD3F; font-weight: 900;}
.product-warranty {background-color: #333;}
.product-good-for {background-color: #CDCDCD; border: 1px solid #EEE; padding: 10px 0;}
.product-good-for img {max-width: 40px; margin-right: 5px;}
.product-see-details {
  color: #FFF;
  padding: 10px;
  border: 2px solid #333;
  margin-top: 45px;
}
.product-see-details a {
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  transition: all .2s ease;
}

  .product-see-details a:hover {
    padding-left: 15px;
    text-decoration: underline;
    color: #000;
  }


.product-full-description h1,
.product-full-description h2,
.product-full-description h3,
.product-full-description h4,
.product-full-description h5,
.product-full-description h6 {
  position: relative;
  padding: 10px 0;
}

.product-full-description h1:after,
.product-full-description h2:after,
.product-full-description h3:after,
.product-full-description h4:after,
.product-full-description h5:after,
.product-full-description h6:after {
 content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #222;
}


.product-full-description p {
  font-size: 14px;
  line-height: 28px;
}

.product-full-description pre {
  background-color: #4D4158;
  margin: 15px 0;
  color: #FFF;
}

.single-product {
  padding-top: 30px;
  padding-bottom: 30px;
}
.single-product .col-sm-3 {
overflow: hidden;
}

.single-product .col-sm-3 img {
max-width: 100%;
}

.category-product-wrapper {padding-top: 30px; padding-bottom: 30px;}
.page-template-contactpage input:not(input[type="submit"]), .page-template-contactpage textarea {width: 100%;}

.fastContact ul {
  background-color: #EEE;
  border: 1px solid #CCC;
  padding-left: 15px;
  list-style: square;
}



  .fastContact ul li {
    margin: 15px;
  }

  .pagination {
    width: 100%;
    margin: 20px auto !important;
  }
    .pagination a {

      text-decoration: none;
    }


/* New CSS */
.contact-information > p {
  display: inline-block;
  margin-bottom: 0;
}
p.separator {
  padding: 0 5px;
}

.search-form .screen-reader-text {
  display: none;
}
.search-form .search-field {
    color: #000;
    display: inline-block;
    line-height: 1;
    padding: 8px 5px;
    border: 1px solid #000;
    font-weight: 400;
}
.search-form .search-submit {
      background: #A0BD3F;
    border: 0 none;
    padding: 11px 15px;
    line-height: 1;
    color: #fff;
}
.search-form label {
  margin-bottom: 0;
}
.topHeaderWrapper form {
  float: right;
}
.empty-search-results {
  text-align: center;
}
.empty-search-results form {
  display: inline-block;
}
.hamburger-menu {
  display: none;
  
}

#menuToggle {
  float: right;
}

#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #000;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-child(3) {
  transform-origin: 0% 100%;
}

.mobileMenuOpened #menuToggle span {
  opacity: 1;
  transform: rotate(45deg) translate(-4px, -3px);
  background: #232323;
}

.mobileMenuOpened #menuToggle span:nth-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

.mobileMenuOpened #menuToggle span:nth-child(3) {
  transform: rotate(-45deg) translate(0, -2px);
}

.navMenu ul li a > span {
  display: none;
}

@media screen and (max-width: 768px) {
  .headerWrapper {
    flex-wrap: wrap;
  }
  .headerWrapper .col-xs-6 {
  	width: 48%;
  }
    .navMenu {
      display: none;
    }
    .mobileMenuOpened .navMenu {
      display: block;
    }
    .hamburger-menu {
      display: block;
    }
    .topHeaderWrapper, footer {
      height: auto;
    }
    p.separator {
      display: none;
    }

    .navMenu ul li {
      float: none;
    }
    .navMenu ul li:hover a {
      background-color: transparent;
      color: #000;
    }

    .navMenu li > a:after {
      content: "";
      display: block;
      clear: both;
    }
    .navMenu ul li.menu-item-has-children > a > span {
      display: block;
      position: relative;
      width: 30px;
      height: 30px;
      text-align: center;
      display: inline-block;
      line-height: 30px;
      float: right;
      background: #000;
      color: #fff;
      font-size: 16px;
    }
    .navMenu ul.menu > li.menu-item-has-children > a > span {
      top: 10px;
    }
    .navMenu ul ul, .navMenu ul li:hover ul ul,
    .navMenu ul ul li:hover ul, .navMenu ul li:hover ul li:hover ul {
      position: relative;
      left: 0;
      top: 0;
      display: none;
    }
    .navMenu ul li:hover ul {
      display: none;
      position: relative;
    }

    .navMenu ul li.active > ul {
      display: block !important;
    }
    .navMenu ul ul li:hover > a {
      background: #748a2b !important;
      color: #000 !important;
  }

}

@media screen and (max-width: 500px) {
  .topHeaderWrapper {
    text-align: center;
  }
  .topHeaderWrapper form {
    float: none;
    display: inline-block;
  }
  .category-product {
    margin-left: 0;
  }
}