/**
	* Theme Name: Gran-D Premier
	* Description:  Tema creado en Octubre 2020, está diseñado para aprovechar al máximo la flexibilidad del editor de bloques.
	* Author:       Saúl Enriquez
	* Version:      1.0
	* Requires PHP: 5.6
	* License:      GPL-2.0
	* License URI:  https://www.gnu.org/licenses/gpl-2.0.html
	* Text Domain:  go
	* Tags:         block-styles, custom-colors, custom-logo, custom-menu, e-commerce, editor-style, one-column, theme-options, threaded-comments, translation-ready, wide-blocks
	*
	* @link https://www.gran-d.com/
	*
	* @package Gran-D Premier
	* @developer Saúl Enriquez
	* @since 1.0
	* @version 1.0
	*
**/
@font-face {font-family:"Raleway Regular";src: url("/wp-content/themes/grandpremier/assets/fonts/Raleway-Regular.ttf");src: url("/wp-content/themes/grandpremier/assets/fonts/Raleway-Regular.ttf") format("truetype");}
@font-face {font-family:"Montserrat Regular";src: url("/wp-content/themes/grandpremier/assets/fonts/Montserrat-Regular.ttf");src: url("/wp-content/themes/grandpremier/assets/fonts/Montserrat-Regular.ttf") format("truetype");}

* {margin:0; padding:0; font-family:"Raleway Regular", Arial, sans-serif; color:#808080;}
html {font-size:20px; margin:0 !important;}
body {font-family:"Raleway Regular", Arial, sans-serif;}
h1, h2, h3 {font-family:"Raleway Regular"; font-weight:normal;}
a {text-decoration:none;}
.mask {display:none; position:fixed; top:0; left:0; z-index:999998; width:100%; height:100%; background:#333; opacity:.9;}
.aligncenter  {margin:2rem auto !important; display:block; text-align:center;}
.alright  {text-align:right;}
.bk-g {background:#f7f7f7;}

.slidebar-wrapper {width:100%; position:fixed; top:0; left:0; z-index:9999; background:#f1f1f1; display:none;}
.slidebar-content {display:flex; align-items:center;}
.slidebar-logo {width:35%; padding:0 1rem;}
.slidebar-logo svg {width:190px; height:auto;}
.slidebar-message {width:50%; text-align:center; display:none;}
.slidebar-contact {width:30%; font-size:.8rem; text-align:right; display:none;}
.slidebar-menu {width:65%; padding:0 1rem; font-size:.8rem; text-align:right; display:block;}
.slidebar-menu svg line {fill:#6b7da3; stroke:#6b7da3;}

.nav-wrapper {width:100%; padding:2rem 0; background:#FFF; position:absolute; top:91px; left:0; z-index:99999;}
.nav-main {width:80%; margin:0 auto; border:1px red solid;}

.header-content {background:#6c7ea3;}
.header-content-wrapper {width:70%; margin:0 auto; display:flex; align-items:center;}
.header-logo {width:800px; margin:0;}
.header-logo svg {width:250px; height:150px;}
.header-logo svg path, .header-logo svg rect {fill:#FFF;}
.header-menu {width:60px;}
.header-menu svg {cursor:pointer;}
.header-menu-shopping {position:relative; font-size:0;}
.header-shopping-value {position:absolute; left:12px; bottom:4px;}
.header-shopping-value p {font-size:.7rem; color:#FFF;}
.header-menu-icon {font-size:0; padding:.1rem 0 0 1rem;}
.header-search {width:500px;}
.header-search-item {width:100%; background:#FFF; padding:.5rem 1rem; margin:0 auto; border-radius:10px;}
.header-search-item form {font-size:0;}
.search-field {width:95%; border:none; outline:none;}
.search-submit {background:none; border:none; cursor:pointer; outline:none;}

.header-main {width:100%; height:880px; position:relative; background:url(/wp-content/themes/grandpremier/assets/images/porcelanatos.jpg) no-repeat; background-size:cover; background-attachment:fixed;}
.header-text {width:80%; margin:0 auto; text-align:center; padding-top:10rem;}
.header-text h1 {font-size:2.2rem; color:#FFF;}
.header-text h1 br {display:none;}
.header-text p {font-size:1.05rem; color:#FFF;}
.header-social ul {list-style:none; text-align:center;}
.header-social ul li {display:inline; font-size:.6rem; margin:0 .5rem;}
.header-social ul li a {color:#FFF;}
.header-social ul li a:hover {text-decoration:underline;}

.header-single-contact {background:#333; padding:.5rem; text-align:right;}
.header-single-contact p {color:#FFF; font-size:.7rem; width:100%;}
.header-single {background:#f1f1f1;}
.header-single-wrapper {width:80%; margin:0 auto; display:flex; align-items:center;}
.header-single-logo {width:100%; text-align:center;}
.header-single-logo svg {width:190px; height:auto;}
.header-single-menu {width:50%; text-align:right;}
.header-single-menu svg {cursor:pointer;}
.header-single-menu svg line {fill:#333; stroke:#333;}

.wp-wrapper {width:100%; overflow:hidden;}
.wp-container {width:100%; margin:0 auto;}
.wp-product-banner {font-size:0; border:1px #f7f7f7 solid;}
.wp-product-banner img {max-width:100%;}

.wp-aboutus {width:90%; margin:0 auto; display:block; padding:7.25rem 0;}
.wp-aboutus-image img {max-width:100%; margin-bottom:2rem;}
.wp-aboutus-text {padding:0; text-align:center;}
.wp-aboutus-text h2 {font-family:"Montserrat Regular"; font-size:.7rem; color:#aaaeb2; margin-bottom:1rem;}
.wp-aboutus-text h3 {font-family:"Montserrat Regular"; font-size:1.8rem; color:#5c5c5c; margin-bottom:1rem;}
.wp-aboutus-text p {font-size:.9rem; color:#aaaeb2; margin-bottom:1rem;}
.wp-aboutus-text hr {width:5rem; border:none; border-top:2px #5c5c5c dashed; margin: 0 auto 1rem;}
.wp-aboutus-text ul {margin:1rem 0 1rem 2rem;}
.wp-aboutus-text ul li {font-size:.9rem; color:#aaaeb2; margin:.5rem 0;}
.wp-aboutus-text a {width:7.5rem; text-align:center; outline:none; color:#6b7da3; cursor:pointer; padding:.5rem 1rem; border-radius:.5rem; background:none; border:2px #6b7da3 solid; font-size:.8rem; display:inline-block;}
.wp-aboutus-text a:hover {color:#fff; background:#6b7da3;}

.wp-products {display:block;}
.wp-products-title {padding:4rem 0; text-align:center;}
.wp-products-title h2 {font-family:"Montserrat Regular"; font-size:.7rem; color:#aaaeb2; margin-bottom:.5rem;}
.wp-products-title h3 {font-family:"Montserrat Regular"; font-size:1.8rem; color:#5c5c5c; margin-bottom:1rem;}
.wp-products-title hr {width:5rem; border:none; border-top:2px #5c5c5c dashed; margin:0 auto 1rem;}
.wp-products-list {overflow:hidden; padding-bottom:5rem;}

.wp-article-item {padding:1rem 1.5rem; background:#FFF; margin:0 auto 1rem; width:75%; float:none;}
.wp-article-title {height:3.2rem; display:flex; align-items:center;}
.wp-article-title h2 {font-size:.9rem; text-align:left; width:100%; color:#6b7da3; text-transform:uppercase;}
.wp-article-title h2 a {font-size:1rem; width:100%; color:#6b7da3; text-transform:uppercase;}
.wp-article-image {background:#F1F1F1; border:1px #CCC solid; height:14rem;}
.wp-article-image img {width:100%; height:100%;}
.wp-article-shot {height:6rem; font-size:.8rem; margin-bottom:1rem; text-align:justify;}
.wp-article-button {width:100%; text-align:center;}
.wp-article-button a {width:7.5rem; text-align:center; outline:none; color:#6b7da3; cursor:pointer; padding:.5rem 1rem; border-radius:.5rem; background:none; border:2px #6b7da3 solid; font-size:.8rem; display:inline-block;}
.wp-article-button a:hover {color:#fff; background:#6b7da3;}

.wp-team {width:100%; height:762px; position:relative; background:url(/wp-content/themes/grandpremier/assets/images/grand-premier-team.jpg) no-repeat; background-size:cover; background-attachment:fixed;}
.wp-team-content {width:83%; height:auto; padding:108px 30px; position:absolute; bottom:0; left:0; background:#2f2f2f;}
.wp-team-content h2 {font-size:1.8rem; color:#FFF; margin-bottom:1rem;}
.wp-team-content p {font-size:.9rem; color:#aaaeb2; margin-bottom:1rem;}

.pages-article {padding:5rem 1.5rem; background:#FFF; margin:0 auto 1rem; width:75%;}
.pages-article h1 {color:#6b7da3; margin-bottom:2rem; font-size:2rem;}
.pages-article-company h2 {color:#333; margin-bottom:1rem; font-size:1.2rem;}
.pages-article-company p {margin-bottom:2rem;}
.pages-article-company ul {margin:0 0 2rem 2rem;}
.pages-article-company ul li {margin:.5rem 0;}

.wp-footer {background:#181818; padding:4rem 0 2rem;}
.wp-footer hr {width:100%; border:none; border-top:1px #5c5c5c solid; margin:4rem 0 1rem;}
.wp-footer-logo {text-align:center;}
.wp-footer-logo {margin:0; text-align:center;}
.wp-footer-logo svg {width:15rem; height:150px;}
.wp-footer-logo svg path, .header-logo svg rect {fill:#FFF;}
.wp-footer-contact {text-align:center;}
.wp-footer-contact p {font-size:.8rem; line-height:1.2rem; color:#FFF;}
.wp-footer-contact p a {font-size:.8rem; line-height:1.2rem; color:#FFF;}
.wp-footer-copyright {display:block;}
.wp-footer-copyright p {font-size:.7rem;}
.wp-footer-copyright-company {width:80%; margin:0 auto 1rem; padding-left:0; text-align:center;}
.wp-footer-copyright-terms {width:80%; margin:0 auto; text-align:center; padding-right:0;}

.post-article {padding:7rem 2rem;}
.post-article-flex {display:block; width:90%; margin:0 auto; max-width:72rem;}
.post-article-carrousel {width:100%; padding:2%; text-align:center;}
.post-article-carrousel img {max-width:100%; height:auto; margin-bottom:2rem;}
.post-article-text {width:100%; padding:2%;}
.post-article-text h1 {font-size:1.8rem; margin-bottom:1rem; color:#5c5c5c;}
.post-article-text hr {width:5rem; border:none; border-top:2px #5c5c5c dashed; margin:0 0 2rem;}
.post-article-text p {margin-bottom:1rem; line-height:1.5rem;}
.post-article-category {margin-bottom:1rem;}

.post-content table {width:100%; margin:2rem 0; border-collapse:collapse;}
.post-content table td {border:8px #FAFAFA solid; font-size:.8rem; padding:.3rem;}
.post-content h2, .post-content h3, .post-content h4 {font-size:1.2rem; margin-bottom:1rem; color:#006DAF;}
.post-content p {margin-bottom:1rem; line-height:1.5rem;}
.post-content ul {margin:0 0 1rem 2rem;}
.post-content ul li {margin:.5rem 0;}
.post-content ol {margin:0 0 1rem 2rem;}
.post-content ol li {margin:.5rem 0;}
.post-content img {max-width:100%; height:auto; margin-bottom:2rem;}
.post-content-image {text-align:center;}
.post-content-image img {max-width:100%; height:auto; margin-bottom:2rem;}

.post-content-info {display:flex; border-top:1px #CCC solid; margin-top:4rem;}
.post-content-info-autor {width:50%; padding:2rem 0 0; font-size:.8rem;}
.post-content-info-autor i {margin-right:.2rem; color:#6b7da3;}
.post-content-info-date {width:50%; padding:2rem 0 0; text-align:right; font-size:.8rem;}
.post-content-info-date i {margin-right:.2rem; color:#6b7da3;}
.post-content-social ul {list-style:none; float:right; display:flex; margin:1rem 0 0;}
.post-content-social ul li img {width:1.7rem; margin-right:.5rem;}
.post-content-social ul li a {background:#F7971F; width:1.5rem; height:1.2rem; padding:.2rem 0; border-radius:50%; text-align:center; margin:0 .2rem; font-size:.8rem; color:#FFF; cursor:pointer; display:flex; align-items:center;}
.post-content-social ul li a:hover {background:#DC861B;}
.post-content-social ul li a i {color:#FFF; text-align:center; width:100%;}

.post-note {display:flex; align-items:center; padding:2rem; background:#FFF; margin-top:1rem; width:87%;}
.post-note-image {padding:.5rem 0;}
.post-note-text {padding:0 .5rem; font-size:.9rem;}
.post-note-text h2 {padding:.5rem .5rem 0; font-size:.9rem; color:#1A1919;}
.post-note-text p {padding:.2rem .5rem .8rem; font-size:.9rem;}
.post-note-text a {padding:0 .5rem; font-size:.7rem;}
.post-note-text a i {margin-right:.2rem;}
.post-note-text a:hover {color:#6b7da3;}
.post-note-text a:hover i {color:#6b7da3;}

.category-articles-flex {display:flex; width:90%; margin:5rem auto; max-width:72rem;}
.category-articles-items {width:73%; padding:0 0 1rem; position:relative;}
.category-title {font-size:2.25rem; color:#6b7da3; margin:0 0 2.5rem 1rem; padding:0 .8rem;}
.category-article-item {padding:1rem 1.5rem; background:#FFF; margin:0 auto 5rem; width:75%; float:none;}
.category-article-item-title {height:3.2rem; display:flex; align-items:center;}
.category-article-item-title h2 {font-size:1rem; text-align:left; width:100%; color:#6b7da3; text-transform:uppercase;}
.category-article-item-title h2 a {font-size:1rem; width:100%; color:#6b7da3; text-transform:uppercase;}
.category-article-item-image {background:#F1F1F1; border:1px #CCC solid; height:14rem;}
.category-article-item-image img {width:100%; height:100%;}
.category-article-item-autor {width:50%; padding:.5rem 0 1.5rem; font-size:.8rem;}
.category-article-item-title {text-align:left;}
.category-article-item-text {height:6rem; font-size:.8rem; margin-bottom:1rem; text-align:justify;}
.category-article-item-buttons {width:100%; text-align:center;}
.category-article-item-buttons a {width:7.5rem; text-align:center; outline:none; color:#6b7da3; cursor:pointer; padding:.5rem 1rem; border-radius:.5rem; background:none; border:2px #6b7da3 solid; font-size:.8rem; display:inline-block;}
.category-article-item-buttons a:hover {color:#fff; background:#6b7da3;}

.sidebar {display:none; width:27%; background:#F7F7F7; padding:1rem;}
.widget-title {font-size:1rem; width:100%; color:#6b7da3; text-transform:uppercase; margin-bottom:.3rem;}
.widget_search form {background:#FFF; padding:.3rem .5rem .5rem; margin-bottom:2rem;}
.widget_search form input {width:88%; border:none; outline:none;}
.widget_categories ul {list-style:none;}
.widget_categories ul li {margin:.5rem 0;}
.widget_categories ul li a {width:97%; font-size:.8rem; margin:.5rem 0; background:#6b7da3; color:#FFF; padding:.3rem; display:block;}
.widget-mostpopular {margin-top:3rem;}
.widget-mostpopular h2 {font-size:1rem; width:100%; color:#6b7da3; text-transform:uppercase; margin-bottom:.3rem;}
.widget-mostpopular-item {margin:.5rem 0;}
.widget-mostpopular-item a {width:97%; font-size:.8rem; margin:.5rem 0; background:#6b7da3; color:#FFF; padding:.3rem; display:block;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {text-align:center;}
#mega-menu-wrap-max_mega_menu_1 {background:#333; padding:.3rem 0;}

.menu-main {width:100%; padding:.8rem 2rem; background:#333; text-align:right; box-sizing:border-box; font-size:0;}
.menu-main svg {cursor:pointer;}
.menu-main-container {position:fixed; text-align:left; width:20%; height:100%; padding:2rem 1.5rem; background:#333; top:0; left:0; z-index:999999; display:none;}
.menu-main-content {position:relative; height:90%; overflow-y:auto;}
.menu-main-content::-webkit-scrollbar {width:5px;}
.menu-main-content::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius:2.5px;}
.menu-main-content::-webkit-scrollbar-thumb {background:#6b7da3; border-radius:2.5px;}
.menu-close {position:absolute; top:1rem; right:-2rem; color:#FFF; background:#333; z-index:9999999; padding:.5rem 1rem; cursor:pointer; font-size:1rem;}
.menu-principal-container ul {width:100%; list-style:none;}
.menu-principal-container ul li a {width:92%; padding:.3rem .5rem; font-size:.7rem; text-transform:uppercase; color:#FFF; display:block;}
.menu-principal-container ul li a:hover {background:#545353;}
.menu-wrapper {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; z-index:999999; display:none;}

.wp-products-list-items {overflow:hidden;}
.index-section-article {display:none;}
#isa1 {display:block}
.wp-products-button {text-align:center; padding:1rem 0;}
.btn-more {width:50%; text-align:center; outline:none; color: #FFF; cursor:pointer; padding:.8rem 1rem; border-radius:.5rem; border:2px #6b7da3 solid; background:#6b7da3; font-size:.8rem; display:inline-block;}

@media screen and (min-width:1360px) {
	.slidebar-logo {width:20%; padding:0;}
	.slidebar-message {display:block;}
	.slidebar-contact {display:block;}
	.slidebar-menu {display:none;}

    .wp-container {width:1360px; margin:0 auto;}
	.header-text h1 {font-size:4.2rem; color:#FFF;}
	.header-text h1 br {display:block;}
	.header-menu {display:flex;}
	.header-social {position:absolute; left:1rem; bottom:8.5rem; transform:rotate(270deg); transform-origin:left top 0;}
	.header-social ul li {font-size:.7rem; margin:0 1rem;}
	.wp-team-content {width:768px; height:223px; padding:108px 80px;}
	
	.wp-aboutus {display:flex; align-items:center;}
	.wp-aboutus-image {width:45%;}
	.wp-aboutus-image img {margin-bottom:0;}
	.wp-aboutus-text {width:55%; padding:0 2rem; text-align:left;}
	.wp-aboutus-text hr {margin:0 0 1rem;}
	
	.wp-products {display:flex; align-items:center;}
	.wp-article-item {padding:1rem 1.5rem; background:#FFF; margin:0 1% 1rem; width:26%; float:left;}
	
	.post-article-flex {display:flex;}
	.post-article-carrousel {width:46%; padding:2%; text-align:center;}
	.post-article-text {padding:2%;}
	
	.category-articles-flex {display:flex;}
	.category-article-item {float:left; width:40%;}
	.category-article-item-image {width:95%; padding:2%; text-align:center;}
	.category-article-item-text {width:100%; padding:2%;}
	
	.sidebar {display:block;}
	
	.wp-footer-copyright {display:flex; align-items:center;}
	.wp-footer-copyright-company {width:50%; margin:0; padding-left:1rem; text-align:left;}
	.wp-footer-copyright-terms {width:50%; text-align:right; padding-right:1rem;}
}