a, a label {
	cursor: pointer;
}

.d-flex {
	display: flex;
}

.f-c {
	margin-top: 3rem;
}

.fs-16 {
	font-size: 16px!important;
	font-weight: 400;
}

.mt-1 {
	margin-top: 1rem;
}

.mt-2 {
	margin-top: 2rem;
}

.mb-1 {
	margin-bottom: 1rem;
}

.mb-2 {
	margin-bottom: 2rem;
}

button.button {
	font-weight: 399!important;
}

.optional {
	display: none!important;
}

.page-id-1377 h2,
.page-id-1205 h2,
.page-id-1639 h2,
.page-id-1642 h2,
.page-id-2994 h2 {
	font-size: 51px;
	font-family: "Beige Culture", Sans-serif!important;
	font-weight: normal!important;
}

.page-id-1377 h5,
.page-id-1205 h5,
.page-id-1639 h5,
.page-id-1642 h5 {
	font-size: 21px;
	font-weight: 400;
}

.row {
	--bs-gutter-x: 1.5rem;
   	--bs-gutter-y: 0;
   	display: flex;
   	flex-wrap: wrap;
   	margin-top: calc(-1* var(--bs-gutter-y));
   	margin-right: calc(-.5* var(--bs-gutter-x));
   	margin-left: calc(-.5* var(--bs-gutter-x));
}

.col-md-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-md-4 {
	flex: 0 0 auto;
    width: 33.33333333%;
}

.col-md-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-md-6 {
	flex: 0 0 auto;
    width: 50%;
}

.col-md-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-md-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

.col-md-9 {
	flex: 0 0 auto;
	width: 75%;
}

.col-md-12 {
	flex: 0 0 auto;
	width: 100%;
}

.text-center {
	text-align: center;
}

ul.list-espacio {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 5;
}

ul.list-espacio li {
	cursor: pointer;
	padding: .5rem;
	text-align: center;
	height: 12rem;
	display: inline-grid;
}

ul.list-espacio li:hover div {
	cursor: pointer;
	font-weight: bold;
}

ul.list-espacio li:hover img {
	filter: brightness(1.7);
}

ul.list-espacio li img {
	max-width: 100px;
	margin: 0 auto;
}

div.title-espacio {
	height: 3rem;
}

ul.list-espacio {
	flex-wrap: wrap;
	display: flex;
}
	
ul.list-espacio li {
	flex: 1 0 20%;
}

.container-text {
	position: relative;
	min-height: 30rem;
	max-height: 30rem;
}

.controls {
	position: absolute;
	bottom: 0;
	left: 0;
}

.content-center {
	display: flex;
   	align-content: center;
   	justify-content: center;
   	flex-wrap: wrap;
   	position: relative;
   	min-height: 35rem;
}

.page-id-1377 textarea,
.page-id-2994 textarea,
.page-id-1205 textarea,
.page-id-1639 textarea {
	background: none!important;
	height: 40%;
	width: 70%;
	border-radius: 6px!important;
	font-size: 21px;
	font-family: "Poppins", Sans-serif;
}

.page-id-1377 input[type="number"],
.page-id-2994 input[type="number"]{
	background: none!important;
	font-size: 20px;
	height: 12%;
	width: 70%;
	border-radius: 6px!important;
	font-family: "Poppins", Sans-serif;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
	border-radius: 6px!important;
	height: 45px;
}

.invoice-field select {
	height: 45px;
}

#billing_enable_invoice_field {
	border-top: 2px solid #F3F3F3;
	border-bottom: 2px solid #F3F3F3;
    padding-top: .5rem;
    border-left: 2px solid #F3F3F3;
    border-right: 2px solid #F3F3F3;
    padding: 1rem;
}

.step {
	position: relative;
	display: none;
}

.step.active {
	display: flex;
}

a.step-next {
	/*position: absolute;*/	
	float: right;
	bottom: 0;
	background: #4B4C3F;
	padding: .765rem 2rem;
	text-align: center;
	border-radius: 30px;
	color: #FFF;
}

a.step-next:hover,
.btn.btn-primary:hover {
	color: #F5F2E4!important;
	background: #9D9A87!important;
}

.budget-option {
	border-radius: 30px;
	color: #F5F2E4;
	font-size: 28px;
	height: 12%;
	width: 60%;
	background: #E6DCD1;
	margin-bottom: 1rem;
	display: flex;
   	justify-content: center;
   	align-items: center;
   	font-weight: 400;
}

.budget-option:hover,
.budget-option:has(input[type="radio"]:checked) {
	background: #9D9A87;
	color: #FFF;
}

body.page-id-1377:has(#step-one.active),
body.page-id-1377:has(#step-two.active),
body.page-id-1377:has(#step-three.active),
body.page-id-1377:has(#step-five.active),
body.page-id-1377:has(#step-six.active),
body.page-id-1377:has(#step-seven.active),
body.page-id-1377:has(#step-eight.active),
body.page-id-1377:has(#step-nine.active),
body.page-id-1377:has(#step-ten.active) {
	background: #F5F2E4;
}

body.page-id-2994:has(#step-one.active),
body.page-id-2994:has(#step-two.active),
body.page-id-2994:has(#step-three.active),
body.page-id-2994:has(#step-five.active),
body.page-id-2994:has(#step-six.active),
body.page-id-2994:has(#step-seven.active),
body.page-id-2994:has(#step-eight.active),
body.page-id-2994:has(#step-nine.active),
body.page-id-2994:has(#step-ten.active) {
	background: #F5F2E4;
}

/*#gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr); 		
}*/

.masonry-item {
	width: 200px;
	padding: .5rem;
}

.masonry-item-w2 { 
	width: 400px;
}

.step-buttons .controls {
	display: none;
}

.mt-1 {
	margin-top: 1rem;
}

.pt-4 {
	padding-top: 4rem;
}
	
#primary {
	padding: 1rem 1rem;
}

.step-next input[type="radio"] {
	display: none;
}

li.step-next:has(input[type="radio"]:checked) {
	filter: sepia(1);
}

.masonry-item input[type="checkbox"] {
	display: none;
	/*position: absolute;
   	bottom: 1rem;
   	right: 1rem;
   	width: 2rem;
   	height: 2rem;   	
   	background: #F5F2E4;
   	border-radius: 50%;
   	vertical-align: middle;
   	border: 1px solid #ddd;
   	appearance: none;
   	-webkit-appearance: none;
   	outline: none;
   	cursor: pointer;*/
}

.masonry-item .icon-check {
	position: absolute;
	bottom: 1rem;
   	right: 1rem;
	display: none;
}

.masonry-item:has(input[type="checkbox"]:checked) .attachment-large {
	filter: contrast(0.5);
}

.masonry-item:has(input[type="checkbox"]:checked) .icon-check {
	display: block;
}

.page-id-1377 .dropzone,
.page-id-2994 .dropzone{
	border: 1px solid #4B4C3F!important;
	padding: 0!important;
}

.upload-container {
	border: 1px solid #4B4C3F!important;
	padding: 10px;
	display: flex;
	margin-top: .5rem;
	border-radius: 5px;
}

.upload-container > div:nth-of-type(1) {
	width: 90%;
	text-align: left;
	display: flex;
}

.flickity-button {
	display: none;
}

.carousel-cell {
	padding: 1rem 2rem;
	text-align: center;
}

.carousel-cell h4 {
	font-size: 28px;
	color: #4B4C3F;
	font-weight: 500;
}

.carousel-cell p {
	font-size: 16px;
	color: #9D9A87;
}

.icon-char {
	object-fit: cover;
	width: 25px;
	height: 25px;
	margin-right: .5rem;
}

.btn-primary {
	background: #4B4C3F;
	color: #F5F2E4;
	border-radius: 32px;
	padding: 1rem 3rem;
}

/* Mi Perifl */
.container-header {
	padding: 2rem 2rem 0 2rem;
	background: #BEBFBA;
	width: 100%;
}

.container-main {
	max-width: 1480px; 
	margin: 0 auto;
}

ul.list-menu {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list-menu li {
	font-size: 16px;
	color: #4B4C3F;
	padding: 1rem;
	cursor: pointer;	
	text-align: center;	
	display: inline-grid;
}

ul.list-menu li.active {
	font-weight: 500;
	border-bottom: 3px solid #4B4C3F;
}

.container-form {
	width: 50%;
	padding-top: 2rem;
}

.container-form p,
.container-form hr {
	width: 85%;
}

p {
	margin-bottom: 1.4rem!important;
}

.container-form p label,
p label {
	color: #9D9A87;
	font-size: 12px;
}

.container-form p span,
p span {
	color: #BF9C89;
}

.container-form input[type="text"],
.container-form input[type="email"],
.container-form input[type="password"] {
	border-radius: 5px!important;
	font-family: "Poppins", Sans-serif;
}
/* Mi Perfil */

/* Mis Proyectos */
.container-table {
	margin-top: 2rem;
    padding: 1.5rem;
    border-radius: 10px;
    border: 1px solid #BEBFBA;
}

table.my-orders {
	width: 100%;
    border: none;
}

table.my-orders thead tr th {
	font-size: 12px;
    color: #BEBFBA!important;
    border: none;
    text-align: left;
}

table.my-orders tbody tr td {
	border: none;
    border-bottom: 1px solid #BEBFBA;
    color: #4B4C3F;
    font-size: 16px;
}

label.on-hold {
	padding: .2rem .4rem;
    color: #4B4C3F;
    background: #BEBFBA;
}

label.pending {
	padding: .2rem .4rem;
    color: #3D42AD;
    background: #EAECFF;
}

label.cancelled,
label.failed,
label.refunded {
	padding: .2rem .4rem;
    color: #B83131;
    background: #FFEAEA;
}

label.processing,
label.completed {
	padding: .2rem .4rem;
    color: #165E3D;
	background: #EDFFEA;
}
/* Mis Proyectos */

.dz-content {
	width: 60%;
}

.to-clone {
	display: none;
}

.drop-attach {
	cursor: pointer;
	margin-top: .5rem;
}

.carousel-cell {
	width: 28%;
	margin-right: 10px;
	background: #FFF;
	border-radius: 12px;
	counter-increment: carousel-cell;
}

.container-main {
	padding: 1rem;
}

.w-85 {
	width: 85%;
}

.de-hide {
	visibility: hidden;
}

@media (max-width: 768px) {
	.de-hide {
		visibility: visible;
	}

	.container-form p,
	.container-form hr,
	.w-85 {
		width: 100%;
	}
	
	.container-form {
		width: 100%;
	}

	.container-table {
		margin-top: 1rem;
    	padding: 1rem;
    	overflow: auto;
	}

	.main-carousel {
		padding: 1rem;
	}

	.carousel-cell {
		width: 90%;
	}

	.dz-content {
		width: 90%;
	}

	.masonry-item {
		width: 50%;
		padding: .5rem;
	}

	.masonry-item-w2 { 
		width: 50%;
	}
		
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		width: 100%;
	}

	ul.list-espacio li {
		flex: 1 0 33.333333%;
		height: 13rem;
	}

	ul.list-espacio li img {
   		max-width: 80px;
	}

	div.title-espacio {
		font-size: 14px;
	}

	.container-text {
   		min-height: 24rem;
   		padding-top: 1rem; 
	}

	.content-center {
		min-height: 10rem;
		padding-bottom: 1rem;
	}

	.page-id-1377 textarea,
	.page-id-2994 textarea {
		width: 100%;
   		height: 10rem;
   		font-family: "Poppins", Sans-serif;
	}

	.page-id-1377 input[type="number"],
	.page-id-2994 input[type="number"] {
		width: 100%;
		height: 4rem;
	}

	.step-buttons {
		padding: .5rem
	}
		
	.controls {
		display: none;
	}
		
	.step-buttons .controls {
		display: block;
		padding: .765rem 2rem !important;
	}

	a.step-next {
		padding: .765rem 2rem !important;
	}

	.budget-option {
		width: 100%;
		height: 20%;
		font-size: 18px;
	}

	#gallery {
		column-count: 2;
	}

	.masonry-item {
        width: 100%;
        padding: .2rem;
        position: relative;
    }

    .step-buttons {
    	padding-top: 2rem;
		padding-right: 24px !important;
    }

    .m-hide {
    	display: none;
    }

	.d-flex {
		display: contents;
	}

	ul.list-menu {
		display: flex;
  		overflow-x: auto;
  		white-space: nowrap;
  		padding: 0;
  		margin: 0;
  		list-style: none;
  		margin-bottom: -1rem;
	}
}