/*
Theme Name: Mi Plan de Boda Web
Theme URI: https://mintuicion.com
Template: mintuicion
Author: Juan Jiménez-Castellanos Carmona (Mintuicion)
Author URI: https://mintuicion.com
Description: Description
Version: 1.0.0.1645436136
Updated: 2022-02-21 09:35:36

*/

/*Hay que poner en Yoast <span id="breadcrumbhome"><span id="breadcrumbhometext">Home</span></span> en el texto de enlace de página de inicio*/
/*Color principal: #F77D8A, rgb(247, 125, 138)*/

:root {
    --main-color: #F77D8A;
    --bs-font-sans-serif: 'Montserrat', sans-serif !important;
    --main-color-80: rgba(247, 125, 138, 0.8);
    --main-color-60: rgba(247, 125, 138, 0.6);
    --main-color-20: rgba(247, 125, 138, 0.2);
    --main-color-10: rgba(247, 125, 138, 0.1);
    --secondary-color: #7FB5B5;
    --secondary-color-80: rgba(127, 181, 181, 0.8);
    --secondary-color-60: rgba(127, 181, 181, 0.6);
    --secondary-color-20: rgba(127, 181, 181, 0.2);
    --secondary-color-10: rgba(127, 181, 181, 0.1);
    --main-color-diagonal:#FEF2F3;
    --main-color-suscripcion:#F997A1;
}

/*Imagenes de fondo landing*/
.fondoimagen{
	background-image: url("https://miplandebodaweb.com/wp-content/uploads/2022/05/fondo-2.jpg");
	background-position: center;
	background-repeat: no-repeat;
  	background-size: cover;
}
.fondoimagen2{
	background-image: url("https://miplandebodaweb.com/wp-content/uploads/2022/05/fondo-3.jpg");
	background-position: center;
	background-repeat: no-repeat;
  	background-size: cover;
}
.fondopostdestacado{
	background-image: url("https://miplandebodaweb.com/wp-content/uploads/2023/04/blog-de-bodas-ideas-sobre-novias-mi-plan-de-boda-web.png");
	background-position: center;
	background-repeat: no-repeat;
  	background-size: cover;
}


/*Popup*/
button.pum-close.popmake-close{
	background-color: var(--main-color) !important;
	color: white !important;
}

/*Fuentes*/
h1, h2, h3, h4, h5 ,h6, p, span, .navbar-nav, label, input, input::placeholder, textarea, textarea::placeholder, a:not(.ab-item, .ab-label), li{
	font-family: var(--bs-font-sans-serif) !important;
}
/*Para AMP*/
body{
	font-family: 'Montserrat', sans-serif !important;
}
.custom-logo img, img.custom-logo{
	width: 200px;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	clear: both;
	line-height: 3.75 rem;
	font-weight: 800 !important;
}

p, li:not(.nav-item, .menu-item), .lwptoc_item span{/*LuckyWP*/
	font-size: 1rem;
	line-height: 1.75rem;
	margin-bottom: 2rem;
}
.wc-block-components-product-details li, .woocommerce-order li{
	margin-bottom: 0 !important;
	list-style-type: none;
}
.woocommerce-order-overview, .woocommerce-table--order-details, .woocommerce-customer-details{
	margin-bottom: 2.5rem !important;
}
.post .lwptoc{
	text-align: center !important;
}
.post h2, .post .h2{
	margin-top: 3rem !important;
}
.post h3, .post .h3{
	margin-top: 2rem !important;
}
.post h4, .post .h4{
	margin-top: 1.5rem !important;
}
.post h5, .post h6, .post .h5, .post .h6{
	margin-top: 1rem !important;
}

.small, small {
    font-size: .75em !important;
}

hr {
	color: var(--main-color) !important;
	border: 0 !important;
	height: 0.15rem !important;
	margin-bottom: 1.5em !important;
	opacity: 1!important;
}
ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

li::before, li::marker {
    color: var(--main-color);
}

img {
	height: auto;
	max-width: 100%;
}
.post img{
	padding-top: 2rem !important;
	padding-bottom: 1.5rem !important;
}
.wp-block-image figcaption{
	text-align: center !important;
	font-size: 0.8rem !important;
	margin-top: 0 !important;
}
embed, iframe, object {
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.table-active, .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
   background-color: var(--main-color-10) !important;
 }

/*Colores y fondos*/
.text-primary, .color{
	color: var(--main-color) !important;
}
.text-secondary{
	color: var(--secondary-color) !important;
}
.bg-primary, .bg-primario{
	background-color: var(--main-color) !important;
}
.bg-primary-dark{
	background-color: var(--main-color-80) !important;
}
.bg-primary-medium{
	background-color: var(--main-color-60) !important;
}
.bg-primary-clear{
	background-color: var(--main-color-20) !important;
}
.bg-primary-veryclear{
	background-color: var(--main-color-10) !important;
}
.bg-suscripcion{
	background-color: var(--main-color-suscripcion) !important;
}
.bg-diagonalabajo{
	background: linear-gradient(175deg, var(--main-color-diagonal) 65%, #FFF 0%);
}
.bg-diagonalarriba{
	background: linear-gradient(175deg, #FFF 65%, var(--main-color-diagonal) 0%);
}
.bg-secondary, .bg-secundario{
	background-color: var(--secondary-color) !important;
}
.bg-secondary-dark{
	background-color: var(--secondary-color-80) !important;
}
.bg-secondary-medium{
	background-color: var(--secondary-color-60) !important;
}
.bg-secondary-clear{
	background-color: var(--secondary-color-20) !important;
}
.bg-secondary-veryclear{
	background-color: var(--secondary-color-10) !important;
}
.bg-grey-dark{
	background-color: #f3f3f3;
}
.bg-grey-medium{
	background-color: #f5f5f5;
}
.bg-grey-light{
	background-color: #f7f7f7;
}
.text-muted, .muted{
	color: #a4a4a4 !important;
}
.border-main{
	border: 1px solid var(--main-color) !important;
}
.border-secondary{
	border: 1px solid var(--secondary-color) !important;
}
.carousel-indicators .active{
	background-color: var(--main-color) !important;;
}
/*Colores botones redes sociales*/
.compartir{
	color: white !important;
}
.facebook{
	background-color: #3b5998 !important;
}
.twitter{
	background-color: #14171a !important;
}
.linkedin{
	background-color: #007bb5 !important;
}
.pinterest{
	background-color: #cb2027 !important;
}
.whatsapp, .whatsappweb{
	background-color: #4dc247 !important;
}
.telegram{
	background-color: #0088cc !important;
}
.facebook-c{
	color: #3b5998 !important;
}
.twitter-c{
	color: #14171a !important;
}
.instagram-c{
	color: #F77D8A !important;
}
.linkedin-c{
	color: #007bb5 !important;
}
.youtube-c{
	color: #c4302b !important;
}

@media screen and (max-width: 759px) {
	.compartirpost{
		z-index: 999;
		position:fixed;
		bottom:0;
	}
}

/*Enlaces*/
a{
	text-decoration: none !important;
}

p a, span a, small a, label a, div.gfield_description a, a h1 , a h2, a h3, a h4, a h5, a h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, li a, .cat a, .accordion h3, .accordion h4, span.plantilla, a h2:not(.text-dark, .text-white), .woocommerce-breadcrumb a, .wc-block-cart-item__wrap a, .wc-block-cart-item__remove-link, .reset_variations, .order_item a{
	color: var(--main-color) !important;
}
a:hover:not(.custom-logo-link, .btn-primary, .btn-outline-primary, .btn-secondary, .btn-outline-secondary .btn-light, .btn-light:hover, .btn-outline-light, .btn-outline-primary:hover, .btn-outline-light:hover, a.page-link, a.ab-item, a.ab-label, a.text-white, .accordion h3:hover, .accordion h4:hover, span.plantilla:hover, .botonmenu a:hover, .wc-block-grid__product-add-to-cart a:hover, a.add_to_cart_button), .wc-block-components-totals-coupon a, .reset_variations{
	opacity: 0.8 !important;
	color: var(--main-color) !important;
}
a:hover{
	opacity: 0.8 !important;
}
a.page-link:hover, a.ab-item:hover, a.ab-label:hover{
	opacity: 0.8 !important;
}
a:not(.ab-item, .ab-label, .btn, .btn-light), .facebook, .twitter, .linkedin, .pinterest, .whatsapp, .whatsappweb, .accordion h3, .accordion h4, span.plantilla{
	transition: all 0.5s ease !important;
  	-webkit-transition: all 0.5s ease !important;
  	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
}

a.text-white, a.ab-item, a.ab-label, a.page-link:hover{
	color: #fff !important;
}

a.nav-link{
	text-transform: uppercase !important;
}

a.nav-link.active{
	font-weight: bold !important;
	color: var(--main-color) !important;
}
.page-item.active a.page-link{
	color: #fff !important;
	font-weight: normal !important;
}

a:focus{
	outline: none;
}
.wc-block-cart-item__remove-link{
	text-decoration: none !important;
}

/*Tabs*/
.nav-pills .nav-link.active{
	color: #fff;
    	background-color: var(--main-color) !important;
}
.nav-link:not(.nav-link.active){
	color: var(--main-color) !important;
}

/*Iconos*/
.navbar-toggler-icon{ /*Para cambiar el color del menu hamburguesa al que queramos hay que cambiar stroke='rgba(X, X, X, X)'*/
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(247, 125, 138, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-toggler{
    border-color: transparent !important;
}

i{
	color: var(--main-color);
}

.accordion-button:not(.collapsed){
	background: transparent !important; 
	box-shadow: none !important;
	color: var(--main-color) !important;
}/*Para cambiar el color de la flecha de acordeon al que queramos hay que cambiar fill='%23XXXXXX' sin el %23*/
.accordion-button:after { 
  	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F77D8A'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-item{
	background-color: transparent !important;
    border: 0 !important;
}
.accordion-button h4{
	color: var(--main-color) !important;
}
.accordion-button:focus{
	border-color: transparent !important;
	box-shadow: none !important;
}
/*Accordion AMP*/
.accordion{
    overflow: hidden !important;
}
.accordion:last-child{
    margin-bottom: 0 !important;
}
.accordion input{
	display:none !important;
}
.accordion-label {
    cursor: pointer !important;
}
.accordion-label i{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
	-o-transition: all 0.3s;
    transition: all 0.3s;
}
.accordion-content {
    max-height: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
	-o-transition: all 0.3s;
    transition: all 0.3s;
}
input:checked + .accordion-label i{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	 transform: rotate(90deg);
}
input:checked ~ .accordion-content {
    max-height: 100vh;
}

#breadcrumbhome:after{
	font-family: "Font Awesome 6 Free";
	font: var(--fa-font-solid);
	content: "\f015";
	font-weight: 900;
}

#breadcrumbhometext{
	display:none;
}

/*Buscador*/
.form-control:focus{
	background-color: transparent !important;
}
/*Botones y boton Gravity Forms/Contact Forms 7*/
.gform_wrapper.gravity-theme .ginput_container_date input{
	width: 100% !important;
}
.gform_wrapper.gravity-theme textarea{
	font-size: 15px !important;
}
.btn, .gform_button, .wc-block-components-totals-coupon__button, .single_add_to_cart_button, .wc-block-cart__submit-container a, .wc-block-cart__submit-container button{
	padding: 0.75rem 3.5rem !important;
	font-weight: bold !important;
	border-radius: 0.25rem !important;
}
.add_to_cart_button, .wc-block-components-checkout-place-order-button, .single_add_to_cart_button, .wc-block-cart__submit-container a, .wc-block-cart__submit-container button{
	font-weight: bold !important;
	border-radius: 0.25rem !important;
}
.btn:focus, .btn-close:focus, .navbar-toggler-icon:focus, .navbar-toggler:focus, .gform_button:focus, .page-link:focus, .add_to_cart_button:focus, .wc-block-components-checkout-place-order-button:focus{
	box-shadow: none !important;
}
.btn-primary, .btn-outline-primary, .btn-light, .btn-outline-light, .gform_button:not(.suscripcion), #cookie_action_close_header, .wc-block-components-totals-coupon__button, .add_to_cart_button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit-button, .single_add_to_cart_button{
	background-size: 2000px !important;
	background-repeat: no-repeat !important;
	background-position: 0% !important;
	-webkit-transition: background 500ms ease-in-out !important;
	-moz-transition: background 500ms ease-in-out !important;
	-o-transition: background 500ms ease-in-out !important;
	transition: background 500ms ease-in-out !important;
}
.btn-primary a, .wc-block-components-checkout-place-order-button a{
	color: #fff !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-light:hover, .btn-light:active, .btn-light:focus, .btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light:focus, .gform_button:hover, .gform_button:active, .gform_button:focus, #cookie_action_close_header:hover, #cookie_action_close_header:active, #cookie_action_close_header:focus{ 
	box-shadow: none !important;
	opacity: 1!important;
}
 .btn-primary, .wp-block-button:not(.wc-block-components-product-button, .wc-block-grid__product-add-to-cart), #cookie_action_close_header, .wc-block-components-checkout-place-order-button, .single_add_to_cart_button, .wc-block-cart__submit-container a, .wc-block-cart__submit-container button{
	color: #fff !important;
	border: 3px solid var(--main-color)!important;
	background-color: var(--main-color)!important;
	background-image: -webkit-linear-gradient(30deg, var(--main-color) 50%, transparent 50%)!important;
	background-image: -o-linear-gradient(30deg, var(--main-color) 50%, transparent 50%)!important;
	background-image: -moz-linear-gradient(30deg, var(--main-color) 50%, transparent 50%)!important;
	background-image: linear-gradient(30deg, var(--main-color) 50%, transparent 50%)!important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, #cookie_action_close_header:hover, #cookie_action_close_header:active, #cookie_action_close_header:focus, .wc-block-components-checkout-place-order-button:hover, .wc-block-components-checkout-place-order-button:active, .wc-block-components-checkout-place-order-button:focus{
	background: #fff !important;
	color: var(--main-color)!important;
}
.single_add_to_cart_button:hover, .wc-block-cart__submit-container a:hover, .wc-block-cart__submit-container button:hover, .wc-block-components-checkout-place-order-button:hover{
	background: transparent !important;
	background-image: -webkit-linear-gradient(30deg, transparent 50%, transparent 50%)!important;
	background-image: -o-linear-gradient(30deg, transparent 50%, transparent 50%)!important;
	background-image: -moz-linear-gradient(30deg, transparent 50%, transparent 50%)!important;
	background-image: linear-gradient(30deg, transparent 50%, transparent 50%)!important;
	color: var(--main-color) !important;
}
.btn-outline-primary, .gform_button, .wc-block-components-totals-coupon__button, .add_to_cart_button{
	color: var(--main-color) !important;
	border: 3px solid var(--main-color)!important;
	background-color: transparent !important;
	background-image: -webkit-linear-gradient(30deg, transparent 50%, var(--main-color) 50%)!important;
	background-image: -o-linear-gradient(30deg, transparent 50%, var(--main-color) 50%)!important;
	background-image: -moz-linear-gradient(30deg, transparent 50%, var(--main-color) 50%)!important;
	background-image: linear-gradient(30deg, transparent 50%, var(--main-color) 50%)!important;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus, .gform_button:hover, .gform_button:active, .gform_button:focus, .wc-block-components-totals-coupon__button:hover, .wc-block-components-totals-coupon__button:active, .wc-block-components-totals-coupon__button:focus, .add_to_cart_button:hover, .add_to_cart_button:active, .add_to_cart_button:focus, .wc-block-grid__product-add-to-cart a:hover, .wc-block-grid__product-add-to-cart a:active, .wc-block-grid__product-add-to-cart a:focus, a.add_to_cart_button:hover, a.add_to_cart_button:focus, a.add_to_cart_button:active{
	background-color: var(--main-color) !important;
	color: #fff !important;
}
.btn-secondary{
	color: #fff !important;
	border: 3px solid var(--secondary-color)!important;
	background-color: transparent !important;
	background-image: -webkit-linear-gradient(30deg, var(--secondary-color) 50%, transparent 50%)!important;
	background-image: -o-linear-gradient(30deg, var(--secondary-color) 50%, transparent 50%)!important;
	background-image: -moz-linear-gradient(30deg, var(--secondary-color) 50%, transparent 50%)!important;
	background-image: linear-gradient(30deg, var(--secondary-color) 50%, transparent 50%)!important;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{
	background-color: transparent !important;
	color: var(--secondary-color)!important;
}
.btn-outline-secondary{
	color: var(--secondary-color) !important;
	border: 3px solid var(--secondary-color)!important;
	background-color: var(--secondary-color)!important;
	background-image: -webkit-linear-gradient(30deg, transparent 50%, var(--secondary-color) 50%)!important;
	background-image: -o-linear-gradient(30deg, transparent 50%, var(--secondary-color) 50%)!important;
	background-image: -moz-linear-gradient(30deg, transparent 50%, var(--secondary-color) 50%)!important;
	background-image: linear-gradient(30deg, transparent 50%, var(--secondary-color) 50%)!important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus{
	background-color: var(--secondary-color) !important;
	color: #fff!important;
}
.btn-light{
	color: var(--main-color) !important;
	border: 3px solid #fff !important;
	background-color: #fff !important;
	background-image: -webkit-linear-gradient(30deg, #fff 50%, transparent 50%)!important;
	background-image: -o-linear-gradient(30deg, #fff 50%, transparent 50%)!important;
	background-image: -moz-linear-gradient(30deg, #fff 50%, transparent 50%)!important;
	background-image: linear-gradient(30deg, #fff 50%, transparent 50%)!important;
}
.btn-light:hover, .btn-light:active, .btn-light:focus{
	background: var(--main-color) !important;
	color: #fff!important;
}
.btn-outline-light, #gform_submit_button_4, #gform_submit_button_9{
	color: #fff !important;
	border: 3px solid #fff !important;
	background-color: transparent !important;
	background-image: -webkit-linear-gradient(30deg, transparent 50%, #fff 50%)!important;
	background-image: -o-linear-gradient(30deg, transparent 50%, #fff 50%)!important;
	background-image: -moz-linear-gradient(30deg, transparent 50%, #fff 50%)!important;
	background-image: linear-gradient(30deg, transparent 50%, #fff 50%)!important;
}
.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light:focus, #gform_submit_button_4:hover, #gform_submit_button_4:active, #gform_submit_button_4:focus, #gform_submit_button_9:hover, #gform_submit_button_9:active, #gform_submit_button_9:focus{
	color: var(--main-color) !important;
	background-color: #fff !important;
	background-image: -webkit-linear-gradient(30deg, #fff 50%, #fff 50%)!important;
	background-image: -o-linear-gradient(30deg, #fff 50%, #fff 50%)!important;
	background-image: -moz-linear-gradient(30deg, #fff 50%, #fff 50%)!important;
	background-image: linear-gradient(30deg, #fff 50%, #fff 50%)!important;
}

.btn-close{/*Para cambiar el color de la flecha de acordeon al que queramos hay que cambiar fill='%23XXXXXX' sin el %23*/
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F77D8A'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}

.wpcf7-list-item{
	margin: 0 !important;
}

/*Boton flotante home*/
.floatcolor{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:var(--main-color);
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
  	z-index:100;
  	transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.suscripcion input[type="text"], .suscripcion input[type="email"], .suscripcion input[type="tel"], .suscripcion textarea, .suscripcion select{
    background-color: var(--main-color);
    color: #fff !important;
    padding: 0.75rem 1rem !important;
	border-radius: 0.25rem !important;
    border: 2px var(--main-color);
}
.suscripcion input[type=checkbox]{ 
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	border: 1px solid #fff !important;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
}
.suscripcion input::placeholder, .suscripcion textarea::placeholder, .suscripcion select{
	color: #fff !important;
}
.suscripcion input[type=checkbox]:checked{
	background-color: #fff;
	background-image: none;
}

/*Card*/
.cardhover{
	transition-duration: 0.3s;
}
.cardhover:hover{
	box-shadow: 0 2px 44px 0 rgba(0,0,0,.3) !important;
    transform: translateY(-0.5rem);
    transition-duration: 0.3s;
}


/*Gravity forms y Contact Form 7*/
.wc-block-components-text-input input[type=text], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea, input[type=checkbox], input[type=radio], .form-check-input{
    color: #666;
    border: 1px solid #ccc;
    background-color: transparent;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea{
	border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}
.suscripcion input[type="text"]:focus, input[type="text"]:focus, .suscripcion input[type="email"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus, .form-check-input:focus,
input[type="text"]:focus-visible, input[type="email"]:focus-visible, .suscripcion select:focus, input[type="url"]:focus-visible, input[type="password"]:focus-visible, input[type="search"]:focus-visible, input[type="number"]:focus-visible, input[type="tel"]:focus-visible, input[type="range"]:focus-visible, input[type="date"]:focus-visible, input[type="month"]:focus-visible, input[type="week"]:focus-visible, input[type="time"]:focus-visible, input[type="datetime"]:focus-visible, input[type="datetime-local"]:focus-visible, input[type="color"]:focus-visible, textarea:focus-visible, select:focus-visible, .form-check-input:focus-visible, .wc-block-components-quantity-selector__button:focus{
	outline: 0;
	border-top: none ;
    border-left: none ;
    border-right: none;
    border-bottom: 1px solid var(--main-color) !important;
    box-shadow: none !important;
}
.suscripcion select{/*La flecha del select*/
	appearance: none;
	/*Para cambiar el color de la flecha de acordeon al que queramos hay que cambiar fill='%23XXXXXX' sin el %23*/
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
}


[type="checkbox"], [type="radio"] {
	margin-right: 0.5rem;
	box-sizing: border-box;
	padding: 0;
}
input[type=checkbox], input[type=radio], .form-check-input:focus{ 
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	border: 1px solid var(--main-color) !important;
	border-radius: 0 !important;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
}
input[type=radio]{
	border-radius: 1rem;
}
input[type=radio]:focus, input[type=checkbox]:focus{
	outline: 0 !important;
}
input[type=checkbox]:checked, input[type=radio]:checked, .form-check-input:checked[type=checkbox]{
	background-color: var(--main-color) !important;
	background-image: none;
}
input[type="radio"]::before{
	background: var(--main-color) !important;
}

.wc-block-components-checkbox__mark{
	display:none !important;
}


select{/*La flecha del select*/
	appearance: none;
 /*Para cambiar el color de la flecha de acordeon al que queramos hay que cambiar fill='%23XXXXXX' sin el %23*/
  	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F77D8A'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
}
.form-check-input:active {
	filter: none !important;
}
.form-check-input[type=checkbox]{
	border-radius: 0 !important;
}
.form-check-input:checked[type=checkbox]{
	background-image: none !important;
}

label{
	color: #666;
	display:inline !important;
	overflow:hidden;
	font-size: 1rem;
}

/*Paginacion de Bootstrap*/
.pagination{
	margin-left: 0 !important;
}
.page-link{
	border: 1px solid var(--main-color) !important;
}
.page-link:hover, .page-item.active .page-link {
	color: #fff !important;
	background-color: var(--main-color) !important;
	border-color: var(--main-color) !important;
}

/*Flechas de Owl carousel*/
.owl-prev, .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    border:0px solid black;
}
.owl-prev { 
	left: 0px; 
}
.owl-next { 
	right: 0px; 
}

/*Zoom en imagenes*/
.zoom {
    overflow: hidden;
}
.zoom img {
    transition: transform 0.8s ease;
    -webkit-transition: 0.8s ease;
    -moz-transition: 0.8s ease;
    -o-transition: 0.8s ease;
}
.zoom:hover img{
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
  	-webkit-transform: scale(1.08);
  	transform: scale(1.08);
  	-webkit-transition: 0.4s ease;
  	-moz-transition: 0.4s ease;
	-o-transition: 0.4s ease;
  	transition: 0.4s ease;
}
.sombra:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    -webkit-transition: 0.4s ease;
  	-moz-transition: 0.4s ease;
	-o-transition: 0.4s ease;
  	transition: 0.4s ease;
}

/*Timeline de la homepage*/

.circle {
  padding: 13px 20px;
  border-radius: 50%;
  background-color: var(--main-color);
  color: #fff;
  max-height: 50px;
  z-index: 2;
}

/*AMP*/
.amp-sidebar-mask {
    z-index: 101 !important; 
}
amp-sidebar{
	background-color: #fff !important;
}
.list-group-item{
	border: 0 !important;
}

/*Woocommerce*/
.encabezadoproducto .star-rating span::before, .encabezadoproducto .woocommerce-review-link{
color: #fff;
text-decoration: none;
}
.puntuacion .star-rating span::before{
color: var(--main-color);
}

.comprimido > input[type="checkbox"] {
  position: absolute;
  left: -100vw;
}

.comprimido .content {
  overflow-y: hidden;
  height: 0;
  transition: height 0.3s ease;
}

.comprimido > input[type="checkbox"]:checked ~ .content {
  height: auto;
  overflow: visible;
}

.comprimido label {
  display: block;
}

.comprimido {
  margin-bottom: 1em;
}

.comprimido > input[type="checkbox"]:checked ~ .content {
  padding: 15px;
  border: 1px solid #e8e8e8;
  border-top: 0;
}

.comprimido .comprimir {
  margin: 0;
  font-size: 1.125em;
  line-height: 1.2em;
}

.comprimido label {
  color: #333;
  cursor: pointer;
  font-weight: normal;
  padding: 15px;
  background: #e8e8e8;
}

.comprimido > input[type="checkbox"]:checked ~ .comprimir label:before {
  content: "\f078";
}

.comprimido {
  max-width: 65em;
}

.comprimido p:last-child {
  margin-bottom: 0;
}

/*Boton de contacto*/
.botoncontacto{
	color: #fff !important;
	border: 3px solid var(--main-color)!important;
	background-color: var(--main-color) !important;
	transition: all 0.5s ease !important;
  	-webkit-transition: all 0.5s ease !important;
  	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	padding: 0.75rem 3.5rem !important;
    font-weight: bold !important;
    border-radius: 0.25rem !important;
}
.botoncontacto:hover, .botoncontacto:active, .botoncontacto:focus{
	opacity: 0.9 !important;
	background-color: var(--main-color) !important;
}

@media (min-width: 992px) {
	.botonflotante{
		position: fixed;
		bottom: 2em;
	   	right: 2em;
	}
}
@media screen and (max-width: 991px) {
	.botonflotante{
		z-index: 999;
		position:fixed;
		bottom:0;
		flex: 0 0 auto;
    	width: 100%;
	}
	.botoncontacto{
		width: 100%;
		border-radius: 0 !important;
	}
}

p:empty{
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}



/*HOME*/
/*Efecto de movimiento*/
@media (min-width: 1200px) {
.movimiento {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
}

.fondoimg{
	background-image: url("https://miplandebodaweb.com/wp-content/uploads/2023/05/imagendefondoflor1.png");
	background-position: center;
	background-repeat: no-repeat;
  	background-size: cover;
}
.fondoimg1{
	background-image: url("https://miplandebodaweb.com/wp-content/uploads/2023/05/flor1.png");
	background-position: center;
	background-repeat: no-repeat;
  	background-size: cover;
}
.fondoimg2{
	background-image: url("https://miplandebodaweb.com/wp-content/uploads/2023/05/flor2.png");
	background-position: center;
	background-repeat: no-repeat;
  	background-size: cover;
}
.fondoimg3{
	background-image: url("https://miplandebodaweb.com/wp-content/uploads/2023/05/flor3.png");
	background-position: center;
	background-repeat: no-repeat;
  	background-size: cover;
}



/*Woocommerce*/

/*Mensaje*/
.woocommerce-message{
	background-color: var(--bs-alert-bg) !important;
}

.woocommerce-notices-wrapper a{
	padding: 0.5rem 1rem;
    color: var(--main-color) !important;
    font-weight: bold;
    text-transform: uppercase;
}

/*Productos relacionados*/
picture.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail img{
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/*Boton carrito*/
.wc-block-cart__submit-button:focus{
	box-shadow: none !important;
	outline: none !important;
}

/*Poner espacio en página de carrito*/
.wc-block-cart table.wc-block-cart-items, .wp-block-woocommerce-cart-cross-sells-block{
	margin: 0 0 3rem !important;
}

/*Eliminar campo cantidad en cada producto en el carrito*/
./*wc-block-cart-item__quantity .wc-block-components-quantity-selector, .woocommerce-variation-add-to-cart .quantity{
	display:none !important;
}*/
.wc-block-components-quantity-selector{
	color: var(--main-color) !important;
}
.wc-block-components-quantity-selector:after{
	border-color: var(--main-color) !important;
}

.wc-block-components-payment-method-label{
	padding-left: 1em;
}

.wc-block-components-radio-control-accordion-option{
	padding: 1rem;
}
.wc-block-components-radio-control-accordion-content{
	padding-left: 4.5rem !important;
}
.wc-block-components-radio-control__option-layout{
	display: inline !important;
}

.attachment-woocommerce_thumbnail{
	margin:auto;
}
.img-thumbnail{
	border:0 !important;
}

.woocommerce-loop-product__title{
	font-size: calc(1rem + .3vw) !important;
    margin: 12px 0; !important;


}

.woocommerce-order-overview__total span{
	display: inline !important;
	font-size: var(--bs-body-font-size);
}

.woocommerce-Price-amount:not(.summary.entry-summary .amount, .woocommerce-order-overview__total span){
	font-size: var(--bs-body-font-size);
	display: block !important;
	color: var(--bs-body-color);
}


.pswp__bg {
	background-color: #fff;
    opacity: 0.8 !important
}

span.posted_in.col-12 a, span.tagged_as.col-12 a{
	font-weight: normal !important;
}

.reset_variations{
	display:none;
}

/*Quitar descripción, información adicional y reseñas y cantidad de página de producto woocommerce*/
.woocommerce-tabs, .quantity{
	display:none;
}



/*Menu principal*/
@media(min-width:992px){
	.menuprincipal {
	  display: block;
	  z-index: 999999;
	}
	.menuprincipal li {
	  display: inline-block;
	  position: relative;
	}
	.menuprincipal li.menu-item-has-children:hover > .sub-menu {
	  display: block;
	  	transition: all 0.5s ease !important;
	  	-webkit-transition: all 0.5s ease !important;
	  	-moz-transition: all 0.5s ease !important;
		-o-transition: all 0.5s ease !important;
	}
	.menuprincipal li a {
	  display: block;
	}
	.menuprincipal .sub-menu {
	  display: none;
	}
	.sub-menu {
	  margin: 0px;
	  padding: 0px;
	  position: absolute;
	  left: 0px;
	  list-style-type: none;
	  display: block;
	  width: 200px;
	  z-index: 9;
	  background-color: #fff;
	}
	.menuprincipal .sub-menu > li.menu-item-has-children:hover > .sub-menu {
	  display: block;
	}

	.menuprincipal .sub-menu .sub-menu {
	  position: absolute;
	  left: 200px;
	  top: 0px;
	}

}
.menuprincipal li{
	text-align: left !important;
	padding-top: 0.6rem;
}
.sub-menu{
	list-style-type: none;
}
.menuprincipal li.menu-item-has-children > a::after {
	  content: "\f078";
	  font-family: "FontAwesome";
	  font-style: normal;
	  font-weight: 400;
	  margin-left: 8px;
	  font-size: 10px;
	}
	.menuprincipal li.menu-item-has-children li.menu-item-has-children > a:after {
	  content: "\f054";
	  font-family: 'FontAwesome';
	  font-style: normal;
	  font-weight: 400;
	  margin-left: 8px;
	  font-size: 10px;
	}
	.sub-menu li {
	  display: block;
	}
	.sub-menu li a {
	  display: block;
	  background: #fff;
	  padding: 8px 6px;
	  margin-bottom: 1px;
	}
	
/*Contador carrito en menu*/
.navbar-carro{
	position: relative;
}
.cont-minicarro {
    position: absolute;
    top: 1px;
    left: 10px;
    border-radius: 50%;
    background-color: #DA4E2E;
    color: #fff;
    font-size: 10px;
    padding-left: 6px;
    padding-right: 6px;
}

@media(min-width:992px){
	.cont-minicarro{
		top: 0px;
	}
}

.wp-block-woocommerce-empty-cart-block h2{
	padding-bottom: 2.5rem;
}
.wp-block-woocommerce-empty-cart-block h2::before{
	color: var(--main-color);
}



.fpf-field label{
	font-weight: bold;
}
.fpf-field input{
	width: 100%;
	padding-top: 15px;
}



/*Woocommerce a cambiar*/
.related.products ul.products{
    display: flex!important;
}
a.add_to_cart_button{
	padding: 0.75rem 3.5rem !important;
	margin-top: 1rem;
}

.product_meta{
	display: flex;
	padding-bottom: 3rem!important;
	padding-top: 1rem!important;
}
.product_meta .posted_in{
	flex: 0 0 auto;
    width: 100%;
}
.woocommerce-product-details__short-description{
	padding-bottom: 3rem !important;
}

@media (min-width: 768px){
	.related.products {
    		text-align: left !important;
	}
}

.related.products{
    text-align: center;
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
}
.related.products ul.products{
	--bs-gutter-x: 1.5rem !important;
    --bs-gutter-y: 0 !important;
	flex-wrap: wrap !important;
}
.related.products ul.products li{
	text-align: center!important;
	padding-bottom: 3rem!important;
	margin-right: auto!important;
    	margin-left: auto!important;
	flex: 0 0 auto;
    	width: 100%;
	
}
@media (min-width: 768px){
	.related.products ul.products li {
	    width: 25% !important;
	}
}


/*Precio*/
.summary.entry-summary .price{
	font-size: 1.5rem;
}
.summary.entry-summary .price ins{
	text-decoration: none;
}
.summary.entry-summary .price del{
	color: #6C757D !important;
	padding-right: 0.5rem;
}
.wc-block-grid__product-price{
	display: flex !important;
    justify-content: center !important;
}
.wc-block-grid__product-price del{
	padding-right: 0.5rem !important;
}
.wc-block-grid__product-price ins{
	padding-left: 0.5rem !important;
	text-decoration: none;
}

/*Rebajas*/
.product .row .onsale{
	display:none;
}
.wp-block-cart-cross-sells-product__product-onsale, .wc-block-grid__product-onsale{
	margin: 0 auto 12px;
    background: var(--main-color) !important;
    border-radius: 4px;
    border: 0 !important;
    color: #fff !important;
}


.variations select{
	width: 100% !important;
    padding: 0.5rem !important;
}
.wcpa_wrap label{
	font-weight: bold !important;
	color: #666 !important;
	font-size: 1rem !important;
}

.sku_wrapper{
	display:none;
}