/* LICENSE & DETAILS
   ==================================================

	Theme Name: Atelier Child Theme
	Theme URI: http://atelier.swiftideas.com
	Description: An Incredible Responsive Multi-Purpose WordPress WooCommerce Theme - Designed & Developed by Swift Ideas ( www.swiftideas.com )
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Template: atelier
	Version: 1.0
	Author: Swift Ideas
	Author URI: www.swiftideas.com

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

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

/* --------------------------------------------
	CHILD THEME CSS
-------------------------------------------- */
#imagen-color img{width:25px; height:25px; border-radius:100%;}
#imagen-color:hover{opacity: 0.5;}
#imagen-color{transition: all 0.5s ease-in-out;}
div#colores{float:left; margin-left:10px;}
div#clear-fix {clear:both;}

.woocommerce div.checkout-confirmation p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received
{font-size:18px; margin-bottom:50px; padding:10px; background-color:#a31634; color:#fff;}


.entry-summary div.product-short p span.oferta {padding:5px; background-color: #a31634; color: #fff; font-weight: bold;}
.entry-summary div.product-short p span.oferta-final {color: #a31634;font-weight: bold;}


.swift-slider h2.caption-title {font-family: "Libre Baskerville"!important;}

.intro-home  h2{font-family: "Libre Baskerville"!important;}

ul.sub-menu li a span.menu-item-desc {display:none!important;}

#footer-widgets .yikes-mailchimp-container .yikes-mailchimp-eu-compliance-text p {font-size:10px!important;}



/* Contact Form 7 6.x: agrupa los campos ocultos en un <fieldset> y
   Bootstrap (Atelier) le pone borde -> recuadro vacio sobre el formulario. */
.wpcf7 fieldset.hidden-fields-container {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Desplegables (select2) del carrito y checkout: WooCommerce 11 pone
   padding .5em al texto y Atelier line-height 34px -> el texto se sale
   por abajo de la caja de 38px. Se ajusta a la caja del tema. */
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0 30px 0 12px;
	line-height: 34px;
}
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px;
	top: 0;
	right: 6px;
}

/* Flecha de los desplegables: WooCommerce 11 cambia el triangulo clasico de
   select2 por un chevron de 16px, y Atelier lo desplaza 3px hacia abajo
   (pensado para el triangulo) -> queda pegado abajo. Se recupera el
   triangulo clasico, centrado, como en la web anterior. */
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	background: none !important;
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	right: auto;
	margin-left: -4px;
	margin-top: -2px;
}
.woocommerce form .form-row .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px;
}