/* 
Theme Name:   pizzapizza-child-theme
Theme URI:    https://woocommerce.com/storefront/
Author:       Marcos Abarza - Federico González F - Vladimir Torres - Antonio Contreras - Agencia Forsend
Author URI:   https://www.forsend.cl/
Description:  This is a child theme from storefront. Designed especially for Pizza Pizza S.A. by Digital Agency Forsend Ltda. Made in Chile.
Version:      3.3.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  storefront
Template:     storefront
Tags:         e-commerce, woocommerce, wordpress, photos, cards, responsive-layout, header-banner, print, pictures.
*/

@charset "UTF-8";

/* HEADER STYLES */
@import url("css/header-style.css");

/* BANNER HOME BELOW HEADER STYLES */
@import url("css/header-banner-style.css");

/* HOME STYLES */
@import url("css/home-style.css");

/* FOOTER STYLES */
@import url("css/footer-style.css");

/* MODAL PRODUCT */
@import url('css/product-modal-style.css');

/* MODAL DELIVERY */
@import url('inc/delivery_assets/delivery-modal-style.css');

/* MODAL DELIVERY GOOGLE MAP */
@import url('inc/delivery_assets/style_map.css');

/* MODAL PRODUCT */

/* CHECKOUT STYLES */
@import url('css/checkout-style.css');

/* CONTACTO STYLES */
@import url('css/contacto-style.css');

/* LOCALES STYLES */
@import url('css/locales-style.css');

/* INGREDIENTES STYLES */
@import url('css/ingredientes-style.css');

/* SINGLE PRODUCT SYLES */
@import url('css/single-product-style.css');

/* SINGLE TRABAJA CON NOSOTROS SYLES */
@import url('css/trabaja-nosotros-style.css');

/* MEDIO DE PAGO SYLES */
@import url('css/medio-de-pago-style.css');

/* TU CUENTA SYLES */
@import url('css/tu-cuenta-style.css');

/* PEDIDO RECIBIDO (THANK YOU PAGE) STYLES */
@import url('css/pedido-recibido-style.css');

/* 404 STYLES */
@import url('css/404-style.css');

/* MAIN CSS */

.form-control {
    border: solid 1px #06038d !important;
    border-radius: 8px !important;
}

.grecaptcha-badge {
    display: none!important;
}

/* .red {
    color: #eb1c25;
}

.blue {
    color:#eb1c25;
} */


/* GENERAL CSS */

html {
    scroll-behavior: smooth;
}


/* CALL FONTS */

@font-face {
    font-family: 'Orkney Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Orkney Regular'), url('assets/fonts/orkney-regular.woff') format('woff');
}

@font-face {
    font-family: 'AvenirNextLTPro';
    font-style: normal;
    font-weight: 300;
    src: local('AvenirNextLTPro'), url('assets/fonts/AvenirNextLTPro-UltLt.otf') format('OpenType');
}

@font-face {
    font-family: 'AvenirNextLTPro';
    font-style: normal;
    font-weight: normal;
    src: local('AvenirNextLTPro'), url('assets/fonts/AvenirNextLTPro-Regular.otf') format('OpenType');
}

@font-face {
    font-family: 'AvenirNextLTPro';
    font-style: normal;
    font-weight: 500;
    src: local('AvenirNextLTPro'), url('assets/fonts/AvenirNextLTPro-Demi.otf') format('OpenType');
}


@font-face {
    font-family: 'AvenirNextLTPro';
    font-style: normal;
    font-weight: 700;
    src: local('AvenirNextLTPro'), url('assets/fonts/AvenirNextLTPro-Bold.otf') format('OpenType');
}

@font-face {
    font-family: 'AvenirNextLTPro';
    font-style: normal;
    font-weight: 800;
    src: local('AvenirNextLTPro'), url('assets/fonts/AvenirNextLTPro-Heavy.otf') format('OpenType');
}

a {
    font-family: 'AvenirNextLTPro';
    color: #eb1c25;
}

p {
    font-family: 'AvenirNextLTPro';
    color: #06038d;
    font-weight: 400;
}

h1,
h2 {
    font-family: 'AvenirNextLTPro';
    color: #06038d;
    font-weight: 600;
}

h3,
h4,
h5,
h6 {
    font-family: 'AvenirNextLTPro';
    color: #06038d;
    font-weight: 600;
}

button {
    font-family: 'AvenirNextLTPro';
    font-weight: 600;
}


/* COLORS */

.primary-color {
    color: #06038d!important;
}

.secondary-color {
    color: #eb1c25!important;
}

.third-color {
    color: #eb1c25!important;
}

.fourth-color {
    color: #eb1c25!important;
}

input[type='search'] {
    color: #0a0a0a!important;
}

form {
    margin-bottom: 0;
}

:focus {
    outline: none;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    outline: none;
}

a:hover {
    color: #eb1c25;
    text-decoration: none!important;
}

a.black:hover {
    color: #242424;
}

a.blue {
    text-decoration: none!important;
}

.form-control:focus,
.btn.focus,
.btn:focus {
    box-shadow: none;
}

img {
    border-radius: 1px;
}


/* COLORS */

.white {
    color: #ffffff;
}

.light {
    color: #cacaca!important;
}

.grey {
    color: #444444;
}

.dark {
    color: #1a1a1a;
}

.black {
    color: #0a0a0a!important;
}

.light-blue {
    color: #1300e1;
}

.blue {
    color: #06038d!important;
}

.dark-blue {
    color: #070050;
}

.red {
    color: #eb1c25;
}

.dark-red {
    color: #eb1c25;
}


/* BACKGROUNDS COLORS */

.bg-white {
    background-color: #ffffff;
}

.bg-light {
    background-color: #f2f2f2;
}

.bg-grey {
    background-color: #444444;
}

.bg-dark {
    background-color: #1a1a1a;
}

.bg-black {
    background-color: #0a0a0a;
}

.bg-blue {
    background-color: #eb1c25!important;
}

.bg-darkprimary {
    background-color: #06048d;
}

.bg-darkblue {
    background-color: #06048d;
}

.bg-darkblue2 {
    background-color: #02004e;
}


/* FONT WEIGHT */

.lighter {
    font-family: 'Orkney Light', sans-serif;
    font-weight: 300!important;
}

.semi-bold {
    font-family: 'AvenirNextLTPro';
    font-weight: 400!important;
}

.bold {
    font-family: 'AvenirNextLTPro';
    font-weight: 700!important;
}

/* FONTS */

.uppercase {
    text-transform: uppercase;
}

.size-p {
    font-size: .7rem;
}

.size-1 {
    font-size: 1rem;
}

.font-12 {
    font-size: 12px;
}

.line-height-1 {
    line-height: 1;
}

.border-radius-1 {
    border-radius: 1em;
}

.z-999 {
    z-index: 999;
}

.border-left {
    border-left: 1px solid #adadad;
}

.nav-up {
    animation: slide-out-top .8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.nav-down {
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/* WIDTH */

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%!important;
}

.mw-200 {
    max-width: 200px;
}


/* HEIGHT */

.mh-80 {
    max-height: 80px;
}

.mh-120 {
    max-height: 120px;
}

.mh-240 {
    max-height: 240px;
}


/* TEXT */

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


/* BOOTSTRAP FORSEND */


/* PADDING */

.p-0 {
    padding: 0!important;
}


/* PADDING TOP */

.pt-0 {
    padding-top: 0!important;
}

.pt-1 {
    padding-top: .25rem!important;
}


/* PADDING RIGHT */

.pr-0 {
    padding-right: 0!important;
}


/* PADDING BOTTOM */

.pb-0 {
    padding-bottom: 0!important;
}

.pb-1 {
    padding-bottom: .25rem!important;
}


/* PADDING LEFT */

.pl-0 {
    padding-left: 0!important;
}


/* MARGIN */

.m-0 {
    margin: 0!important;
}


/* MARGIN TOP */

.mt-0 {
    margin-top: 0!important;
}

.mt-4 {
    margin-top: 1.5rem!important;
}


/* MARGIN RIGHT */

.mr-0 {
    margin-right: 0!important;
}

.mr-4 {
    margin-right: 1.5rem!important;
}


/* MARGIN BOTTOM */

.mb-0 {
    margin-bottom: 0!important;
}


/* MARGIN LEFT */

.ml-0 {
    margin-left: 0!important;
}


/* POSITION */

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}


/* DISPLAY NONE */

.d-none {
    display: none;
}


/* FLEXBOX */

.d-flex {
    display: flex;
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.justify-content-center {
    justify-content: center;
}

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


/* COLUMN FULL */

.col-full {
    max-width: 66.4989378333em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2.617924em;
    box-sizing: content-box;
}


/* BOOTSTRAP GRID */

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    width: 100% !important;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}


/* END BOOTSTRAP FORSEND */
/*Hot fix estilo alerta marcos*/
div#alert_forsend {
    position: absolute;
    color: #ec1c24;
    font-size: 13px;
}

.site-content {
    min-height: 71vh;
}

.info-local span.red:hover {
    cursor: auto;
}
.woocommerce-password-strength ,
.woocommerce-password-strength.short,
.woocommerce-password-hint,
.woocommerce-password-strength.bad
{
    display: none !important;
}

.mp-checkout-pro-container, 
.mp-checkout-pro-content {
	display: none !important;
}

.ced_cng_popup-heading>h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding: 1rem 0!important;
    text-align: center;
    text-transform: none!important;
}





/**CSS CUPON ANTONIO**/

.page-id-9 .woocommerce .woocommerce-form-coupon-toggle, .page-id-9 .woocommerce .checkout_coupon.woocommerce-form-coupon {
    width: 50%;
    margin-left: auto;
}
.page-id-9 .woocommerce .checkout_coupon.woocommerce-form-coupon {
    display: flex !important;
    background-color: #fff !important;
    border-color: #fff0 !important;
    box-shadow: 1px 1px 6px rgb(1 21 64 / 15%) !important;
    border-radius: .5rem !important;
    padding: 0px 15px;
    float: right;
}
.page-id-9 .woocommerce .wc-block-components-notice-banner.is-info {
    background-color: #fff !important;
    border-color: #fff0 !important;
    box-shadow: 1px 1px 6px rgb(1 21 64 / 15%) !important;
    border-radius: .5rem !important;
    color: #06038d;
    font-size: 1rem;
    font-weight: 800;
	display:none;
}
.page-id-9 .woocommerce .wc-block-components-notice-banner.is-info > svg {
    background-color: #eb1c25;
} 
.page-id-9 .woocommerce .wc-block-components-notice-banner__content a{
    color: #1712f9;
    font-weight: 800;
} 
.page-id-9 .woocommerce .wc-block-components-notice-banner__content a:hover {
    color: #eb1c25;
    text-decoration: underline;
    font-weight: 800;
} 

.checkout_coupon.woocommerce-form-coupon::before {
    content: '¡Si tienes cupón agregalo aquí!';
    color: #06038d;
    font-size: 1rem;
    font-weight: 300;
    width: 40%;
    display: flex;
    align-items: center;
}
.checkout_coupon.woocommerce-form-coupon p:first-child {
    display: none;
}
.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
    width: 25%;
    margin: 10px;
}
.checkout_coupon.woocommerce-form-coupon .form-row.form-row-first {
    width: 35%;
    margin: 10px;
    line-height: 1;
}
.form-row.form-row-last .button {
    border-radius: .5rem;
    color: #06038d;
    border: solid 1px #06038d;
    background-color: #fff;
    font-size: .85rem;
}
.form-row.form-row-last .button:hover {
    border: solid 2px #eb1c25;
    color: #eb1c25;
}
@media (max-width: 900px) {
.page-id-9 .woocommerce .woocommerce-form-coupon-toggle, .page-id-9 .woocommerce .checkout_coupon.woocommerce-form-coupon {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.page-id-9 .woocommerce .checkout_coupon.woocommerce-form-coupon {
    display: flex !important;
    flex-direction: column;
}
.checkout_coupon.woocommerce-form-coupon::before {
	width: 65%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.checkout_coupon.woocommerce-form-coupon .form-row.form-row-first {
width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
    width: 50%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto !important;
}
}
/**CSS CUPON**/


/* TOOLTIP NEW */
.tooltip.bs-tooltip-right .tooltip-inner {
    background-color: #06048d; /* Color de fondo rojo */
    color: #ffffff; /* Color del texto blanco */
    text-align: left; /* Alineación del texto a la izquierda */
    font-weight: 300;
    font-size: 12px;
    padding: 9px;
}

.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #06048d; /* Color de la flecha */
}
