/*
Theme Name:     Customizr Child
Theme URI:      http://themesandco.com/customizr
Description:    A child theme for the Customizr WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Nicolas Guillaume (nikeo)
Author URI:     http://themesandco.com
Template:       customizr
Version:        1.1.0
*/

/* Your awesome customizations start right here !
-------------------------------------------------------------- */

@font-face {
  font-display: swap;
}

.tc-header {
	border:0;
}

@media all and (min-width: 1080px) and (max-width: 1920px) {
	.tc-header {
	width: 1170px;
	margin: 0 auto;
	}
	
	.my-extra-widget {
		float:right;
	}
}

body {
	background:#fff;
}

.my-extra-widget {
    padding-top: 10px;
}

.grid-sizer,
.grid-item { width: 33.3%; }
.element-item { 
	height: auto; 
	padding: 10px 30px;
}
.element-item p {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#000;
	margin-bottom:5px;
	margin-top: 8px;
}

h3 {
	text-shadow:none;
}

@media screen and (min-width:576px) and (max-width: 1024px) {
	.grid-sizer, .grid-item { width: 50%!important; }
}

@media screen and (max-width:576px){
  .grid-sizer, .grid-item { width: 100%!important; }
  .phoneCall {display:none;}
}
@media screen and (min-width:576px){
  .calltoCall {display:none;}
}

.bx-wrapper {
	box-shadow:none;
	margin-bottom:40px;
	}


.button-group {
	margin:20px auto 50px 0;
	text-align:center;
	font-size:1.2em;
}

.button-group button {
	background:transparent;
	border-radius:20px;
	border:0;
	padding:5px 20px;
	cursor:pointer;
	transition:all .3s ease-in-out;
}

.button-group button img {
	width:22px;
	margin:0 5px;
}


.button-group button.active {
  background: #e5e5e5;
}

.element-item p, .element-item .more-button {
	text-align:center;
}

.element-item .more-button {
margin-bottom:30px!important;
}

.not-active {
  pointer-events: none;
  cursor: pointer;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #0000008a;
    border-radius: 10px;
	border:0px;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full {
    color: #fff;
	font-size:1.2em;
	font-family:"Roboto";
}

.sbi_photo_wrap a {
    pointer-events: none;
    cursor: default;
}

.btnConsultas {
	cursor:pointer;	
}

footer#footer {
	border:0;
}

button:focus {outline:0;}

a.flotante {
    position: fixed;
    bottom: 60px;
    z-index: 1;
    width: 50px;
    margin: 0px 10px;
    left: 8px;
}

.checkboxes {
	color:#fff;
}

span.wpcf7-list-item {
    display: block;
    margin: 0;
}

.wpcf7-form-control {
    width: 100%;
}

input.wpcf7-form-control.wpcf7-text {
    padding: 18px 10px;
}

input[type=submit] {
	width:100%;
	padding:10px 12px;
	background-image: linear-gradient(to bottom,#fff4f4,#c6c6c6);
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
}

input[type=submit]:hover {
    background-position:center;
	color:#000;
}

span.wpcf7-form-control-wrap, .wpcf7-validation-errors {
    color: white;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 1px solid #ff5555;
    border-radius: 10px;
}

div.wpcf7-mail-sent-ok {
    border: 1px solid #398f14;
    border-radius: 10px;
    color: white;
}

.featured-card {
    display: flex;
	background:#2e2e2e;
	border-radius:10px;
	color:#fff;
	box-shadow: 0px 0px 15px #0000009e;
}

.featured-image {
	width:100%;
	background-size:cover;
	background-position:center center;
	border-radius: 10px 0px 0px 10px;
}

.icon-box {
    width: 40px;
	font-size: 9px;
    margin: 0 5px 40px 0;
    line-height: 1.4;
	display: inline-block;
	height: 14px;
	vertical-align: text-top;
}

.icon-box span {
	padding-top: 2px;
	display: inline-block;
}

.featured-1 {
	background-image:url(https://nopalmayorista.com.ar/wp-content/uploads/2019/11/slidernopal5.jpg);
}

.featured-2 {
	background-image:url(https://nopalmayorista.com.ar/wp-content/uploads/2020/09/IMG_7420-scaled.jpg);
}

.featured-3 {
	background-image:url(https://nopalmayorista.com.ar/wp-content/uploads/2020/09/IMG_7450-scaled.jpg);
	background-position: 0px -15px;
	background-repeat:no-repeat;
}

@media screen and (min-width:992px){
	.elementor-element-14abaff p {
		margin-bottom: 35px;
	}
}

@media screen and (max-width:768px){
	.featured-3 {
		background-position: 0px -60px;
	}
}

.featured-4 {
	background-image:url(https://nopalmayorista.com.ar/wp-content/uploads/2020/09/IMG_0044-scaled.jpg);
}

@media screen and (max-width:768px){
	.featured-4 {
   	 background-position: 0 70%;
	}
}

.featured-5 {
	background-image:url(https://nopalmayorista.com.ar/wp-content/uploads/2020/10/IMG_2760-copia.redimensionado.jpg);
}

.featured-6 {
	background-image:url(https://nopalmayorista.com.ar/wp-content/uploads/2020/09/IMG_7517-scaled.jpg);
}

.featured-description {
    max-width: 58%;
    
}

.featured-description p,
.featured-description h2 {
	padding: 5px 25px;
}

.featured-description h2 {
    font-size: 21px;
    line-height: 1.5rem;
    font-weight: 600;
}

.card-footer span {
    font-size: 13px;
    border: 1px black solid;
    border-radius: 50%;
    padding: 0px 5px;
    margin-right: 5px;
}

.featured-description hr {
    margin: 0 25px !important;
}

.featured-icons {
    text-align: center;
	margin:10px 0 20px;
}

.featured-card .featured-icons img {
    max-width: 30px;
    margin-right: 12px;
	text-align:center;
}

.featured-card .featured-icons img:last-of-type {
	margin-right: 0px;
}

.card-footer {
    background: #fff;
    color: #000;
    text-align: center;
    text-transform: uppercase;
	border-radius: 0 0 10px 0;
	padding: 5px 0;
	font-size:12px;
}

@media screen and (max-width:768px){
	.featured-card {
		flex-wrap:wrap;
	}
	
	.featured-card .featured-image {
		height:200px;
		border-radius: 10px 10px 0 0;
	}
	
	.featured-card .featured-description {
		max-width:100%;
	}
	
	.featured-card .card-footer {
		border-radius: 0px 0px 10px 10px;
		font-size:12px;
	}
}