/*
Theme Name:   	Universal Portugal
Author:       	Miligram
Author URI:     http://www.miligram.pt
Template:     	storefront
Description:  	
Version:      	1.0.1
License:      	GNU General Public License v2 or later
Text Domain:  	storefront
*/
/*
 * Add your own custom css below this text.
 */

body {
   font-family: "europa",sans-serif;
}
a, a:hover, a:focus {
   outline: none;
   text-decoration: none;
}
.external span {
   display: none;
}
.orange {
   color: #ff5000;
}
.header-search-form {
   margin-bottom: 0;
}
.site-main {
   margin-bottom: 0;
}
.content-area, .widget-area {
   margin-bottom: 0;
}
.hentry {
   margin: 0;
}

/* -------------------- 
         HEADER  
  -------------------- */

.home.blog .site-header, 
.home.page:not(.page-template-template-homepage) 
.site-header, 
.home.post-type-archive-product .site-header {
   margin-bottom: 0;
}
.site-header {
   padding: 20px 5%;
   background-color: white;
   -webkit-box-shadow: 0px 4px 10px 0px rgba(204,204,204,0.5);
   -moz-box-shadow: 0px 4px 10px 0px rgba(204,204,204,0.5);
   box-shadow: 0px 4px 10px 0px rgba(204,204,204,0.5);
   position: relative;
   z-index: 100;
}
.logo-img {
   max-height: 80px;
   margin: auto;
}
.menu-btn img, .close-btn img {
   height: 25px;
}

/* -------------------- 
           NAV  
  -------------------- */
.mask {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: rgba(0,0,0, .2);
   z-index: 999;
   display: none;
}

nav.main-nav {
   position: fixed;
   top: 0;
   bottom: 0;
   left: -30%;
   width: 30%;
   background-color: #005cb9;
   padding: 50px;
   z-index: 1000;
   overflow-y: auto;
}
nav.main-nav ul#menu-main-menu,
nav.main-nav ul#menu-main-menu-ingles {
   margin: 30px 0px 0px;
   padding: 0;
   list-style: none;
}
nav.main-nav > div > ul#menu-main-menu > li,
nav.main-nav > div > ul#menu-main-menu-ingles > li{
   margin-bottom: 5px;
}
nav.main-nav > div > ul#menu-main-menu > li > a,
nav.main-nav > div > ul#menu-main-menu-ingles > li > a {
   font-size: 32px;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: white;
   font-weight: 600;
}
.categories-menu ul#menu-categories-menu,
.categories-menu ul#menu-categories-menu-ingles {
   list-style: none;
   margin: 20px 0px 0px;
}
.categories-menu ul#menu-categories-menu > li,
.categories-menu ul#menu-categories-menu-ingles > li {
   margin-bottom: 5px;
}
.categories-menu ul#menu-categories-menu > li > a,
.categories-menu ul#menu-categories-menu-ingles > li > a {
   color: white;
   text-transform: uppercase;
}
.categories-menu ul#menu-categories-menu > li.current-menu-item > a,
.categories-menu ul#menu-categories-menu-ingles > li.current-menu-item > a,
ul#menu-categories-menu-1 > li.current-menu-item > a,
ul#menu-categories-menu-ingles-1 > li.current-menu-item > a {
   color: #ff5000;
}
.search-form {
   position: relative;
}
.search-form .search-field, .search-form .search-btn {
   margin-top: 30px;
   font-size: 12px;
   line-height: 22px;
}
.header-search-form .search-field, .header-search-form .search-btn {
   font-size: 12px;
   line-height: 20px;
}
.search-form .search-field {
   -webkit-border-top-left-radius: 50px;
   -webkit-border-bottom-left-radius: 50px;
   -moz-border-radius-topleft: 50px;
   -moz-border-radius-bottomleft: 50px;
   border-top-left-radius: 50px;
   border-bottom-left-radius: 50px;
   border: none;
   background-color: white;
}
.header-search-form .search-field {
   -webkit-border-top-left-radius: 50px;
   -webkit-border-bottom-left-radius: 50px;
   -moz-border-radius-topleft: 50px;
   -moz-border-radius-bottomleft: 50px;
   border-top-left-radius: 50px;
   border-bottom-left-radius: 50px;
   border: 1px solid #ccc;
   background-color: white;
}
.search-form .search-btn, .search-form .search-btn:hover {
   -webkit-border-top-right-radius: 50px;
   -webkit-border-bottom-right-radius: 50px;
   -moz-border-radius-topright: 50px;
   -moz-border-radius-bottomright: 50px;
   border-top-right-radius: 50px;
   border-bottom-right-radius: 50px;
   border: none;
   color: transparent;
   background: url(/wp-content/themes/universal/assets/images/search-icon-01.svg) no-repeat;
   background-size:  20px;
   background-position: center;
   background-color: white;
}
.header-search-form .search-btn, .header-search-form .search-btn:hover {
   -webkit-border-top-right-radius: 50px;
   -webkit-border-bottom-right-radius: 50px;
   -moz-border-radius-topright: 50px;
   -moz-border-radius-bottomright: 50px;
   border-top-right-radius: 50px;
   border-bottom-right-radius: 50px;
   border: 1px solid #ccc;
   border-left: none;
   color: transparent;
   background: url(/wp-content/themes/universal/assets/images/search-icon-01.svg) no-repeat;
   background-size:  20px;
   background-position: center;
   background-color: #f1f1f1;
}
p.copyright {
   position: absolute;
   bottom: 50px;
   color: white;
   font-size: 10px;
   line-height: 18px;
   text-transform: uppercase;
}
p.copyright a {
   color: white;
   text-decoration: underline;
}

.wpml-ls-legacy-dropdown-click {
   width: auto;
   margin-top: 10px;
   display: inline-block;
   -webkit-border-radius: 50px;
   -moz-border-radius-: 50px;
   border-radius: 50px;
   border: 1px solid white;
}

.wpml-ls-legacy-dropdown-click a {
   border: none;
   text-decoration: none;
   color: white;
   background-color: transparent;
   font-size: 12px;
   line-height: 22px;
}
.wpml-ls-legacy-dropdown-click a:hover, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a {
   border: none;
   text-decoration: none;
   color: white;
   background-color: transparent;
   font-size: 12px;
   line-height: 22px;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
   visibility: hidden;
   position: absolute;
   top: 100%;
   right: 0;
   left: 0;
   border-top: 1px solid transparent;
   padding: 0;
   margin: 0;
   list-style-type: none;
   z-index: 101;
}

/* -------------------- 
      HOME CONTENTS  
  -------------------- */

.n2-ss-align {
   margin-bottom: 80px;
}

.category-btn img.grayscale {
   width: 100%;
}
.category-btn .grayscale {
   filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
   -webkit-filter: grayscale(1);
   opacity: .4;
   transition: 600ms;
}
.category-btn .grayscale.no-grayscale {
   filter: grayscale(0%);
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   filter: grayscale(0%);
   filter: gray;
   -webkit-filter: grayscale(0);
   opacity: 1;
}
.info-work {
   position: absolute;
   width: 200px;
   height: 50px;
   top: 50px;
   display: none;
}
.info-work img {
   width: 200px;
}
.slogan {
   text-align: center;
}
.slogan h2 {
   font-size: 36px;
   font-weight: 900;
   color: #005cb9;
   padding: 80px 0px;
   margin-bottom: 0;
}
.orange-border {
   border-top: 5px solid #ff5500;
}
.blue-border {
   border-bottom: 5px solid #005cb9;
}

/* -------------------- 
         FOOTER  
  -------------------- */

.site-footer {
   background-color: #333;
   padding: 50px 50px 45px;
   position: relative;
   color: #999;
   text-transform: uppercase;
   font-size: 11px;
   line-height: 20px;
}
.color-bar {
   width: 100%;
   height: 5px;
   background: url(/wp-content/themes/universal/assets/images/footer-colorbar-01.svg) no-repeat;
   background-size: 100%;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
}
.footer-containers-wrapper {
   float: right;
}
.footer-containers {
   display: inline-block;
   padding: 0 50px;
   vertical-align: top;
}
.footer-containers h2 {
   color: white;
   font-size: 18px;
   letter-spacing: .5px;
   margin-bottom: 20px;
}
.footer-containers p {
   margin-bottom: 10px;
   font-weight: 600;
}
.site-footer nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.site-footer nav li {
   margin-bottom: 7px;

}
.site-footer nav li:last-child {
   margin-bottom: 0px;
}
.site-footer a:not(.button) {
   font-size: 12px;
   color: #808080;
   font-weight: 600;
}
p.address {
   padding-left: 25px;
   background: url(/wp-content/themes/universal/assets/images/address-icon-01.svg) no-repeat;
   background-size: 20px;
   background-position-x: left;
   background-position-y: 2px;
}
p.phone {
   padding-left: 25px;
   background: url(/wp-content/themes/universal/assets/images/phone-icon-01.svg) no-repeat;
   background-size: 20px;
   background-position-x: left;
   background-position-y: 2px;
}
p.email {
   padding-left: 25px;
   background: url(/wp-content/themes/universal/assets/images/email-icon-01.svg) no-repeat;
   background-size: 20px;
   background-position-x: left;
   background-position-y: 2px;
}
p.email a, p.email a:hover {
   color: #999;
   text-transform: lowercase;
}
.site-footer .facebook {
   display: block;
   color: #999;
   text-decoration: none;
   line-height: 11px;
   padding: 19px 0px 19px 65px;
   background: url(/wp-content/themes/universal/assets/images/facebook-icon-01.svg) no-repeat;
   background-size: 49px;
   background-position-x: left;
}
.site-footer .cicap {
   display: block;
   color: #999;
   text-decoration: none;
   line-height: 11px;
   padding: 10px 0px 10px 45px;
   margin-top: 85px;
   background: url(/wp-content/themes/universal/assets/images/cicap-icon-01.svg) no-repeat;
   background-size: 30px;
   background-position-x: left;
}
.footer-copyright {
   background-color: #808080;
   padding: 20px 15px;
   text-align: center;
   font-size: 10px;
   color: #333;
   text-decoration: none;
   text-transform: uppercase;
   margin: 0;
}
.miligram-link, .miligram-link:visited {
   color: #ccc;
}

/* -------------------- 
     SITE CONTENTS  
  -------------------- */

.site-contents {
   padding: 60px 5%;
   max-width: 1500px;
   margin: auto;
}
.page h1.entry-title {
   display: none;
}
.contactos a {
   color: #005cb9;
}

/* -------------------- 
     STORE CONTENTS  
  -------------------- */

.store-contents {
   padding: 40px 5%;
   background-color: #f9f9f9;
   max-width: 1500px;
   margin: auto;
}

/* -------------------- 
      WOOCOMMERCE  
  -------------------- */
.woocommerce-ordering, .woocommerce-result-count {
   display: none;
}
.woocommerce-breadcrumb {
   margin-bottom: 10px;
}
.storefront-breadcrumb .col-full {
   width: 100%;
   max-width: 100%;
   padding: 0;
}

/*adjustment for 4 shop columns
.site-main ul.products li.product {
   width: 22%;
   margin-right:4%;
}*/

.wp-post-image {
   border: 5px solid white;
   -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.1);
   -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.1);
   box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.1);
}
ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
   font-size: 14px; 
   font-weight: 600;
   text-transform: uppercase;
}
ul.products li.product {
   margin-bottom: 40px;
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
   width: 100%;
}
.single-product div.product .woocommerce-product-gallery img {
   width: 100%;
   margin: 0;
}
table.table {
   font-size: 12px;
}
h5 {
   margin-top: 20px;
}
.woocommerce-product-details__short-description p a {
   color: #ff5000;
}
h1.product_title.entry-title {
   text-transform: uppercase;
   font-size: 30px;
   font-weight: 600;
}
/*.site-main .related.products ul.products li.product {
    width: 22%;
    float: left;
    margin-right: 4%;
}*/

/* -------------------- 
     FORMS  
  -------------------- */

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="textarea"] {
   width: 100%;
   background-color: #f4f4f4;
}
.wpcf7-form textarea {
   resize: none;
   width: 100% !important;
}
.wpcf7-form-control.wpcf7-submit.form-btn {
   background-color: #005cb9;
   color: white;
}
div.wpcf7-validation-errors {
   border: none;
   padding: 0;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {

}
@media only screen and (min-width:1280px) {

}
/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
   .footer-containers {
      padding: 0 30px;
   }

}
/* Medium devices (desktops, 992px and up) */
@media (max-width: 1024px) {
   .footer-containers {
      padding: 0 20px;
   }

}
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
   nav.main-nav {
      left: -300px;
      width: 300px;
   }

}
/* Small devices (tablets, 736px and up) */
@media (max-width: 736px) {
   nav.main-nav {
      padding: 30px 50px 30px 30px;
   }
   p.copyright {
      position: relative;
      margin-top: 40px;
      bottom: 0px;
   }

}
/* Small devices (iphone5 and 6, 568px and up) */
@media (max-width: 568px) {
   nav.main-nav {
      left: -80%;
      width: 80%;

   }
   nav.main-nav ul#menu-main-menu,
   nav.main-nav ul#menu-main-menu-ingles {
      margin: 10px 0px 0px;
   }

   nav.main-nav > div > ul#menu-main-menu > li > a,
   nav.main-nav > div > ul#menu-main-menu-ingles > li > a {
      font-size: 22px;
   }
   .categories-menu ul#menu-categories-menu,
   .categories-menu ul#menu-categories-menu-ingles {
      margin: 10px 0px 0px;
   }
   p.copyright {
      display: none;
   }
   .footer-containers {
      display: block;
      padding: 0 20px;
      margin-bottom: 20px;
   }
   .site-footer nav ul {
      text-align: center;
   }
   .site-footer nav li {
      margin-bottom: 7px;

   }
   .footer-containers h2 {
      text-align: center;
   }
   .site-footer .cicap {
      line-height: 16px;
      padding: 10px 0px 10px 45px;
      margin-top: 55px;
   }
   /*adjustment for 2 shop columns*/
   .site-main ul.products li.product {
      display: inline-block;
      width: 46%;
      margin-right:3%;
   }
   .site-main .related.products ul.products li.product {
      width: 30%;
      float: left;
      margin-right: 3%;
   }


}
/* Small devices (iphone4, 480px and up) */
@media (max-width: 480px) {

}