/*
Theme Name: Marco Quiroz
Author URI: http://www.davidalegria.com
Description: Un tema desarrollado en exclusiva por David Alegria para el joyero Marco Quiroz.
Author: David Alegria
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2020 David Alegria S.L.
*/
@font-face {font-family: 'ArthurHillRegular';src: url('fonts/3A8F2B_0_0.eot');src: url('fonts/3A8F2B_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/3A8F2B_0_0.woff2') format('woff2'),url('fonts/3A8F2B_0_0.woff') format('woff'),url('fonts/3A8F2B_0_0.ttf') format('truetype');} 

body {color:#222;font-size:0.9rem;background-image:none;font-family:'Roboto', sans-serif}
p {padding:0; margin:0 0 10px 0;}
a {color:#222; text-decoration: none; outline: none;}
a:hover, a:focus {color:#0033ff; text-decoration: none;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {}
h1 {text-transform:uppercase;font-size:1.7rem;margin-bottom:1.5rem;letter-spacing: 5px;font-weight:bold;}
h3 {font-size:1.5rem;}
h4, .h4 {text-transform:uppercase;margin-top:2rem;font-size:0.9rem;letter-spacing:1px;color:#0033ff;}
h5, .h5 {text-transform:uppercase;font-size:0.9rem;letter-spacing:1px;}
blockquote {padding-left: 30px; margin-left: 90px; border-left: solid 6px #0033ff; color: #222; font-size: 1.25rem; line-height: 1.5rem;}
.alignright, .alignleft  {float: none; margin: 15px 0 15px 0;width:100%;height:auto}
.alignnone {float: none; margin: 15px 0 15px 0;width:100%;height:auto}
.block-img {width:100%;height:auto;margin-bottom:15px;}
.elcolor {color:#0033ff;}
.wp-block-image img { height: auto;}


/*** NAV ***/

.logo {position:relative; }
.logo:hover {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;}
.sublogo {font-size:1rem;line-height:1rem}
.sublogo span {font-family: 'ArthurHillRegular', serif;font-size:3rem;}

/* Hamburguer */
/*
.hamburguer {z-index:115; position: fixed; top: 38px; right: 15px; width: 30px; height: 25px; margin: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.hamburguer span {display: block; position: absolute; height: 3px; width: 100%; background: #222; opacity: 1; left: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburguer span:nth-child(1) {top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburguer span:nth-child(2) {top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburguer span:nth-child(3) {top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburguer.open span:nth-child(1) {background: #222; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 5px;}
.hamburguer.open span:nth-child(2) {width: 0%; opacity: 0;}
.hamburguer.open span:nth-child(3) {background: #222; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 5px;}
.hamburguer span.blakspan, .hamburguer.open span.blakspan:nth-child(1), .hamburguer.open span.blakspan:nth-child(3) {background:#222;}
.hamburguer.open span:nth-child(1), .hamburguer.open span:nth-child(3) {background: #222;}
*/
.menu-principal-container {position: fixed;left: 15px;top: 7rem;}

.menu_arian, .menu_arian_pie {padding:0;margin: 0; text-transform:uppercase;background:#fff}
.menu_arian li, .menu_arian_pie li {list-style:none;line-height:1.1rem;margin:0 0.5rem;letter-spacing:1px;display:inline-block;}	
.menu_arian li a, .menu_arian_pie li a {color:#222}
.menu_arian li a:hover, .menu_arian li a:focus, .menu_arian_pie li a:focus, .menu_arian_pie li a:hover {text-decoration: none;color:#0033ff;}
.menu_arian li.current-menu-item a, .menu_arian li.current_page_ancestor a, .menu_arian li.current_page_parent a, .menu_arian li.current-menu-parent a,
.menu_arian_pie li.current-menu-item a, .menu_arian_pie li.current_page_ancestor a, .menu_arian_pie li.current_page_parent a, .menu_arian_pie li.current-menu-parent a {color:#0033ff;}

.menu_arian li .sub-menu {display:none;text-transform:none;font-size:0.8rem;list-style:none;margin:5px 0 20px 0;padding:0;line-height:1.1rem;}	
.menu_arian li .sub-menu li {margin:2px 0;letter-spacing:0;}
.menu_arian li .sub-menu li a {color:#222}
.menu_arian li .sub-menu li a:hover,  
.menu_arian li .sub-menu li.current_page_item a, 
.menu_arian li .sub-menu li.current_page_parent a, .menu_arian li .sub-menu li.current-menu-item a {color:#0033ff}

.menu_arian li .sub-menu li.photo-index {padding-top:5px;border-top:solid 1px #999;margin-top:5px}
.menu_arian li.instagram {margin-top:20px;padding-bottom: 20px;}

	
/*** MAIN ***/
.containter_da {}

.pagination {text-align:center}
.page-link {color:#222}
.page-link:hover {color:#0033ff}
.page-item.active .page-link {background-color:#0033ff;border-color:#0033ff;}
.pagination li.previous {display:inline-block;float:left}
.pagination li.next {display:inline-block;float:right}


/*** PRODUCTOS ***/

.block-producto {position:relative;border:5px solid #fff;opacity:1;border-radius:10px;}
.block-producto:hover {opacity:0.8 }
.block-link {color:#fff;display:block;width:100%;height:100%;text-decoration:none;}
.block-link:hover{color:#fff;opacity:1}
.image-serie {border-radius:5px;height: 180px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;}
.pro-info {display:none;position:absolute;top:0;left:15px;right:15px;bottom:0;background:rgba(0,0,0,0.3);color:#fff;}
/*
.block-velo {background:rgba(0,0,0,0.8);position:absolute;top:0;left:30px}
.block-title {opacity:0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s;-webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;}
.block-link:hover >.block-title {color:#fff;background:rgba(0,0,0,0.7);opacity:1}
*/

/*** SHOP ***/

.snipcart-modal__container {padding-top:50px; left: 0; width:100%; box-shadow: -10px 0 10px rgba(0, 0, 0, 0);}
.snipcart__font--secondary, .snipcart__font--subtitle {font-family: 'Open Sans',sans-serif;}
.snipcart__font--std {font-weight:bold;}
.snipcart-checkout {position: fixed; top: 50%; right: 0; z-index: 9;border-top-right-radius: 0;border-bottom-right-radius: 0;-webkit-border-top-right-radius: 0;-webkit-border-bottom-right-radius: 0;-moz-border-top-right-radius: 0;-moz-border-bottom-right-radius: 0;}
.snipcart-customer-signin {position: fixed; top: 50%; padding: 0.75rem 1.05rem !important;margin-top:-60px;right: 0; z-index: 9;border-top-right-radius: 0;border-bottom-right-radius: 0;-webkit-border-top-right-radius: 0;-webkit-border-bottom-right-radius: 0;-moz-border-top-right-radius: 0;-moz-border-bottom-right-radius: 0;}
.new_product {position: absolute;top: 8px;right: 28px;}

/*** MOBILE ***/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.snipcart-modal__container { left: 20%; width:80%; box-shadow: -10px 0 10px rgba(0, 0, 0, 0.15); }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
	
	.snipcart-modal__container { left: 50%; width:50%; }

}