/* 
Theme Name: MII UC Child Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: MII UC theme based in Hello Elementor Child, is a child theme of Hello Elementor, created by Elementor team
Author: Diego Gelvez
Author URI: https://diegogelvez.ar/
Template: hello-elementor
Version: 1.0.1
Text Domain: mii-uc
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* helpers */

.wpcf7 form .wpcf7-response-output {
    text-align: center!important;
    color: #fcfcfc!important;
}

.pointer {
	cursor: pointer;
}

html {
  scroll-behavior: smooth !important;
}

.yellow-uc {
	background-color:#EBC16C!important;
}

.d-block {
	display: block!important;
}

.fw-medium {
    font-weight: 500!important;
}

strong, b, .fw-bold {
    font-weight: bold!important;
}

.shadow {
	box-shadow: 0 .5rem 1rem rgb(0 0 0 / 15%)!important;
}
.shadow-sm {
	box-shadow: 0 .125rem .25rem rgb(0 0 0 / 7%)!important;
}

.text-end {
	text-align: end!important;
}

@media screen and (min-width: 768px) {
    .rotate {
		transform: rotate(-90deg);
        white-space: nowrap;
	}
}

/* Inicio Form */

#responsive-form {
    width: 100%;
    max-width: 600px /*-- change this to get your desired form width --*/;

    margin: 0 auto;
}

.landing-form input:not([type=submit]), .landing-form select {
    background: transparent!important;
    border-radius: 0!important;
    border-top: 0!important;
    border-right: 0!important;
    border-left: 0!important;	
}

.wpcf7-spinner {
	display: block!important;
    margin-top: -32px!important;
}

.form-row {
    width: 100%;
}
.column-half,
.column-full {
    position: relative;

    float: left;
    width: 100%;
    padding: .65rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.clearfix:after {
    display: table;
    clear: both;

    content: "";
}

/**--- Media Query ---**/
@media only screen and (min-width: 48em) {
    .column-half {
        width: 50%;
    }
}

/* Fin Form */

/* Ocultar reCAPTCHA */
.grecaptcha-badge { 
    visibility: hidden;
}

/* =============================== */
/*          Caja Graduados         */
/* =============================== */

/* --------- From Tablet --------- */

@media screen and (min-width: 768px) {
    .to-left {
        transform: translateX(-2em);
    }
    .to-right {
        transform: translateX(2em);
    }
}