/*
Theme Name: ROUA Child - Creative Portfolio WordPress Theme
Theme URI: http://demo.stylishthemes.co/roua/
Author: StylishThemes
Author URI: http://stylishthemes.co
Description: Roua is a theme for clean & creative portfolio websites.
Template: roua-wp
Version: 1.1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: roua
Tags: black, blue, white, two-columns, responsive-layout, threaded-comments, translation-ready, custom-menu
*/

/*logo for mobile devices*/
@media screen and (max-width: 782px){
header.header a.open-menu, .roua-menu a.open-menu {
 padding-top: 22px;
}
}
/*logo for screen size biggerthan 782px*/
@media screen and (min-width: 783px){
header.header a.open-menu, .roua-menu a.open-menu {
 padding-top: 14px;
}
}
/*logo for sticky header*/
header.header.affix a.open-menu {
    padding-top: 14px;
}

/* hide the description under header */
#content .term-description {
display: none;
}
/* Make the header on portfolio page smaller, if you want to use default layout for this page, with picture, delete or comment this css code */
/*.page-template-template-portfolio .breadcrumb {
    max-height: 300px;
    margin-bottom: 0px;
    padding: 130px 120px 100px 120px;
}*/
/* Hide filter on home page*/
.home .filter-open {
    display:none;
}
/* Make the header on shop category page smaller, if you want to use default layout for this page, with picture, delete or comment this css code */
@media (min-width: 769px){
.tax-product_cat .breadcrumb {
    max-height: 400px;
    margin-bottom: 0px;
    padding: 140px 120px 0px 120px;
}
}
/* Make the header on default template page smaller, if you want to use default layout for this page, with picture, delete or comment this css code. Used to change Quote pages */
@media (min-width: 769px){
.page-template-default .breadcrumb {
    max-height: 320px;
    margin-bottom: 80px;
    padding: 130px 120px 0px 120px;
}
}
/* Make the header on woocommerce pages smaller, if you want to use default layout for this page, with picture, delete or comment this css code. Used to change Cart, Checkout, My Account pages */
.breadcrumb.slim {
    padding: 130px 120px 0px 120px;
}
/* Make services boxes smaller on screens with screen width smaller than 769px */
@media (max-width: 769px){
/* It change the col-xs-6 class width only on services page (works only on your current service page)*/
.page-id-1974 .col-xs-6 {
    width: 100%;
}
.out-services-box .service-box {
    padding: 1rem 0;
}
.out-services-box .service-box .icon-service {
    width: 12rem !important;
    height: 12rem !important;
    line-height: 8rem !important;
}
.padding-content {
    padding: 10px 26.66666667px;
}
}
/* Shop category name under picture*/
@media (max-width: 1025px){
.product-category a h3 {
   padding: 10px 0px;
   font-size: 16px;
}
}
@media (max-width: 900px){
.product-category a h3 {
   padding: 10px 20px;
   font-size: 20px;
}
}
/* Make services boxes smaller on mobile screens with screen width smaller than 500px */
@media (max-width: 500px) {
.out-services-box .service-box {
    padding: 1rem 0;
}
.out-services-box .service-box .icon-service {
    width: 6rem !important;
    height: 6rem !important;
    line-height: 8rem !important;
}
.padding-content {
    padding: 10px 26.66666667px;
}
}
/*second scroll on single work hide*/
.single-work .page-content {
overflow: hidden;
}
.single-work .footer.footer {
position: relative;
}

/*Make the product description fixed*/
@media (min-width: 790px) {
.single-product .padding-content {
    position: fixed;
    width: 50%;
    padding: 10px;
    top: 100px;
}

.single-product .footer.footer {
position: relative;
}
.single-product .footer-shop-single {
    margin-top: 10px;
}
.product_meta {
    margin-top: 10px;
}
@media (max-width: 900px) {
.single-product .panel {
   max-height: 500px;
   overflow-y: scroll;
}
}
}

/* Hide header - cart */

.site-header-cart {
    display: none;
}