/*
Theme Name:   ADRA Theme
Description:  Official ADRA Wordpress Theme
Author:       Francois Auclair
Author URL:   Write here the author's blog or website url
Template:     hello-elementor
Version:      1.1.0
Text Domain:  adra-theme
*/

/* Write here your own personal stylesheet */
:root {
  --button-primary-radius: 1.3em / 3em !important;
	--heading-font: 'Montserrat', Helvetica, sans-serif !important;
  --button-primary-border: none !important;
  --button-primary-padding: 15px 20px 15px 20px !important;
	--primary-color : #007960;
	--link-color: #002F6C;
}
.gform_footer input[type="submit"] {
	border-radius: var(--button-primary-radius);
}
.gform_wrappe label.gfield_consent_label {
	vertical-align:text-top !important;
}
/* EE Custom Style */

 .ee-post__header {
     border-bottom-style: solid;
     border-bottom-color: #f7f7f7;
     border-bottom-width: 0;
     max-height: 2em;
}
/* Duo Stories Homepage button style */
.adra-duo-stories .ee-post__read-more > .ee-post__button {
    border-radius: 1.3em / 3em;
}
.adra-duo-stories .ee-post__excerpt {
	text-shadow: black 2px 2px 4px;
}
/* Write here your own personal stylesheet */

 div.swiper-container-horizontal .post .wp-post-image {
     max-height: 100% !important;
}
/* Fix HomePage Carousel outline dashed box on arrow click */
 div.ee-swiper__button {
     outline: none;
}
 .adra-border-radius >.elementor-widget-container,
div.adra-border-radius > a {
     border-radius : 1.3em / 3em !important;
}
 .adra-border-radius .elementor-column-wrap,.adra-border-radius .ee-swiper__container.swiper-container-horizontal {
     border-top-left-radius: 1.3em 3em !important;
     border-top-right-radius: 1.3em 3em !important;
}
 .authenia-angled {
     transform: rotate(-5deg);
     font-family: 'Authenia';
}
 .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-info, .woocommerce-notices-wrapper .woocommerce-message {
     display: flex;
     flex-flow: row wrap;
     justify-content: center;
     align-items: center;
     justify-content: space-between;
     padding: 0.3em 2em 0.3em 4.5em;
     background-color: #D9D9D6;
     border-top-color: transparent;
}
 .woocommerce-notices-wrapper .woocommerce-error::before, .woocommerce-notices-wrapper .woocommerce-info::before, .woocommerce-notices-wrapper .woocommerce-message::before {
     top: 10%;
     left: 0.3em;
     font-size: 38px !important;
     color: #007b5f;
}
 .woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
     order: 2;
     margin: 1em;
     text-align: center;
     cursor: pointer;
}
div.adra-post-button > a {
	font-family: var(--heading-font);
     text-transform: uppercase;
     font-weight: 600;
     border: none;
     line-height: 100%;
     padding: var(--button-primary-padding);
     border-radius: var(--button-primary-radius);
	letter-spacing: 1.5px;
}
 .woocommerce #respond input#submit,
.woocommerce a.button:not(.add_to_cart_button),
section.related a.add_to_cart_button,
.woocommerce button.button:not(.single_add_to_cart_button):not(.add_to_cart_button),
.woocommerce input.button{
     background-color: var(--primary-color);
     text-transform: uppercase;
     color: white !important;
     font-weight: 600;
     border: none;
     font-size: 13px;
     line-height: 100%;
     padding: var(--button-primary-padding);
     border-radius: var(--button-primary-radius);
}
 body.woocommerce-checkout .woocommerce input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not(.qty):not(#coupon_code), body.woocommerce-checkout .woocommerce textarea, body.woocommerce-cart .woocommerce input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not(.qty):not(#coupon_code), body.woocommerce-cart .woocommerce textarea, body.woocommerce-order-received .woocommerce input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not(.qty):not(#coupon_code), body.woocommerce-order-received .woocommerce textarea {
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 10px;
     margin-left: 0px;
     padding-top: 13px;
     padding-right: 12px;
     padding-bottom: 12px;
     padding-left: 12px;
}
 body.woocommerce-checkout .woocommerce input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not(.qty), body.woocommerce-checkout .woocommerce textarea, body.woocommerce-checkout .woocommerce .select2-selection, body.woocommerce-cart .woocommerce input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not(.qty), body.woocommerce-cart .woocommerce textarea, body.woocommerce-cart .woocommerce .select2-selection, body.woocommerce-order-received .woocommerce input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not(.qty), body.woocommerce-order-received .woocommerce textarea, body.woocommerce-order-received .woocommerce .select2-selection {
     font-family: Montserrat;
     font-size: 16px;
     font-weight: 500;
     font-style: normal;
     color: #444;
     border-radius: 0px;
     border-width: 3px;
}
 .woocommerce-cart form input, .woocommerce-cart form textarea, .woocommerce-checkout form input, .woocommerce-checkout form textarea, .woocommerce-order-received form input, .woocommerce-order-received form textarea {
     background: #fff;
     border-radius: 3px;
     font-size: 16px;
     padding: 13px 12px 12px;
     border-color: #d5d8de;
}
 body.woocommerce-checkout .woocommerce .form-row label:not(.woocommerce-form__label-for-checkbox) {
     font-family: Montserrat;
     font-size: 17px;
     font-weight: 700;
     font-style: normal;
     color: #007960;
}
 .woocommerce select.orderby {
     background-color: #D9D9D6;
     text-transform: uppercase;
     border: 1px solid #e3e3e3;
     background-image: url('https://alpha.adra.org/wp-content/themes/jupiter/assets/images/selectbox-arrow.png');
     background-position: right center;
     background-repeat: no-repeat;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding: 10px 12px 12px 16px;
     border-radius: 0;
     display: block;
}
 #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
     width: 90px;
     height: 90px;
     border-radius: 50%;
}
 table.cart {
     font-size: 1.1rem !important;
     color: initial;
}
 .woocommerce table.shop_table th {
     text-transform: uppercase;
}
 .woocommerce table.cart td, table.cart th {
     border: none;
}
 .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
     float: left;
}
 #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table {
     font-size: 1.1rem;
}
 .wc-proceed-to-checkout {
     display: flex;
}
 body.woocommerce-checkout .woocommerce .select2-selection {
     height:54px;
     padding: 10px 5px;
}
 .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price {
     display: none;
}
/* Main Gift Catalog Menu*/
 #main-gift-catalog-menu li.menu-item a > i.fas {
     margin: 0 0.3em;
}
/* Main Menu*/
 #main-navigation-menu nav:not(.elementor-nav-menu--dropdown) li.menu-item-has-children:first-child {
     background: #007B5F !important;
     border-radius: 1.3em / 3em;
}
 #main-navigation-menu nav:not(.elementor-nav-menu--dropdown) li.menu-item-has-children:first-child > a:first-child {
     margin: 0px 15px !important;
     color: white !important;
}
/* SEARCH FORM STYLING HEADER */
 .elementor-search-form--skin-full_screen .elementor-search-form__container{
     background-color: rgba(0,0,0,.75) !important;
     height: 50vh !important;
     width: 50vmax !important;
     left: 25% !important;
     top: 25% !important;
     padding: 0px 10% !important;
}
 .elementor-search-form--skin-full_screen .elementor-search-form__container input {
     border-width: 0px 0px 1px 0px !important;
     font-size: 1.8rem !important;
}
 .elementor-search-form--skin-full_screen .elementor-search-form__container::after{
     font-family: "Font Awesome 5 Free";
     content: "\f002";
     display: inline-block;
     margin-left: 0.7rem;
     vertical-align: middle;
     font-weight: 900;
     color:white ;
}

/*Vertical Tabs | Prevent centering on mobile */
.eael-tabs-vertical span.eael-tab-title {
    text-align: left;
}

/*Default Link Colors */

/* Feuille de style intégrée #39 | https://international.adra.cloud/contact/ */

a {
	color: var(--link-color);
}

 .elementor form a {
  font-weight: bold;
}
.elementor form a:hover {
  text-decoration: underline;
} 
/* Removing default padding for gravity form */
ul.gform_fields {
    padding: 0px;
}
/* End of Gravity form removing */

/*Adra Forms*/

/*Basic Info Form*/

.bif-2col-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.bif-2col-container input {
    width: 49%;
}

.basic-info-form input[type="Email"] {
    width: 100%;
    margin-bottom: 2rem;
}

.basic-info-form input {
    font-family: Montserrat;
    font-size: .9rem;
    padding: .5rem .8rem;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    box-shadow: 0 3px 6px  0px #00000016;
    transition: background linear .3s;
}

.basic-info-form input[type="submit"]:hover {
    background: #F2BE57;
}

.basic-info-form input::placeholder {
    font-size: .9rem;
}

.basic-info-form input[type="submit"] {
    box-shadow: none;
    background: #CC9E42;
    color: #fff;
    font-family: Helvetica;
    font-size: 1rem;
    font-weight: 700;
    padding: 1rem 1.2rem;
    border-radius: 1.3em / 3em;
}

/*Interest Info Form*/

.iif-form input[type="lastname"],
.iif-form input[type="firstname"],
.iif-form input[type="email"]
{
  width: 100%;
  padding: .75rem .5rem;
  border: none;
  box-shadow: 0 3px 6px #00000016;
  box-sizing: border-box;
}

.iif-form input[type="lastname"],
.iif-form input[type="firstname"] {
  margin-bottom: 1rem;
}

.iif-form-text-fields-container {
  width: 100%;
  /*max-width: 500px;*/
  margin: 0 auto 1.5rem;
  box-sizing: border-box;
}

.iif-form h5 {
  text-align: center;
  font-size: calc(1.2rem + .2vw);
  font-family: Montserrat;
  margin-bottom: 1.5rem;
}

.form1-checkbox-container {
  width: 100%;
  max-width: 500px;
  background: #dddddd35;
  text-align: center;
  margin: 0 auto 3rem;
  font-family: Montserrat;
  font-size: 1rem;
  box-sizing: border-box;
}


.iif-form input[type="submit"] {
  display: block;
  margin: 0 auto;
  font-size: 1rem;
  color: #fff;
  background: #0F7B5F;
  border: none;
  border-radius: 1.3em / 3em;
  padding: 1rem 1.7rem;
  font-family: Helvetica;
  transition: background linear .3s;
}

.iif-form input[type="submit"]:hover {
    background: #12A57F;
}

.adra-in-blog-box {
    width: 70% !important;
    margin: 0 auto;

}

.interest-info-form {
    max-width: 380px !important;
    margin: 0 auto !important;
}

.adra-interest-info-form {
    width: 100%;
}

.adra-subtitle {
    font-size: 20px;
}

/*Phone Interest Form*/

.phone-interest-form h2 {
    font-family: Montserrat;
    font-size: calc(1rem + 1vw);
    color: #fff;
    text-align: center;
    margin-bottom: 3rem;
}

.pif-text-fields-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 3rem;
}

.pif-tfc-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5%;
}

.pif-tfc-row input {
    width: 48.5%;
    padding: .8rem 1rem;
    border-radius: 0;
    border: none;
    box-shadow: 0 3px 6px #00000016;
}

.pif-checkbox-container {
    width: 100%;
    max-width: 950px;
    margin: 0 auto 3rem;
    text-align: center;
    font-family: Montserrat;
    color: #fff;
    font-size: 1.3rem;
}

.phone-interest-form input[type="submit"] {
    display: block;
    background: #CC9E42;
    border: none;
    color: #fff;
    font-size: 1.2rem;
    font-family: Helvetica;
    font-weight: 700;
    border-radius:  1.3em / 3em;
    padding: 1rem 1.8rem;
    margin: 0 auto;
    transition: background linear .3s;
}

.phone-interest-form input[type="submit"]:hover {
      background: #F2BE57;
}

/*Shipping Interest Form*/

.sif-content-box {
    width: 80% !important;
    margin: 0 auto;
}

.sif-checkbox-container {
    width: 100%;
    margin-bottom: 2rem;
    font-family: Montserrat;
    font-size: 20px;
}

.shipping-interest-form {
    box-sizing: border-box;
}

.shipping-interest-form input {
    padding: .8rem 1rem;
    border: none;
    border-radius: 0;
    box-shadow: 0 3px 6px #00000016;
    font-size: .9rem;
    font-family: Montserrat;
    color: #707070;
}

.shipping-interest-form input[type="submit"] {
    background: #CC9E42;
    box-shadow: none;
    border-radius: 1.3em / 3em;
    color: #fff;
    font-weight: 700;
    font-family: Helvetica;
    font-size: 20px;
    padding: .8rem 1.7rem;
    transition: background linear .3s;
}

.shipping-interest-form input[type="submit"]:hover {
      background: #F2BE57;
}

.adra-full-field {
    width: 100%;
    margin-bottom: 2rem;
}

.adra-form-2-col-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.adra-form-2-col-row input {
    width: 48%;
}

.adra-form-subtitle {
    text-align: left;
    font-family: Montserrat;
    font-size: 25px;
    margin-bottom: 2rem;
}

/*Global*/

.adra-in-blog-box {
    width: 70% !important;
    margin: 0 auto;
}

/*Checkboxes*/

.adra-checkbox-container {
    width: 100%;
    margin: 0 auto 2rem;
}

.acc-small {
    width: 100%;
    max-width: 600px;
    text-align: center;
}

.acc-white {
    color: #fff;
    max-width: 1000px;
    text-align: center;
}

.acc-white .control-me::before {
    content: "";
    display: blocK;
    width: 1em;
    height: 1em;
    border: solid 3px #fff;
    border-radius: 5px;
    position: absolute;
    left: -1.3em;
    top: 6px;
}

.acc-small .adra-checkbox {
    margin: 0 .9em .6em;
}

.adra-checkbox {
    display: inline-block;
    position: relative;
    font-size: 1.2rem;
    font-family: Helvetica;
    margin: 0 1.5em 10px;
}

.control-me {
   font-size: 1em;
}

.control-me::before {
    content: "";
    display: blocK;
    width: 1em;
    height: 1em;
    border: solid 3px #0F7B5F;
    border-radius: 5px;
    position: absolute;
    left: -1.3em;
    top: 6px;
}

#t-1:checked ~ .control-me::before,
#t-2:checked ~ .control-me::before,
#t-3:checked ~ .control-me::before,
#t-4:checked ~ .control-me::before,
#t-5:checked ~ .control-me::before,
#t-6:checked ~ .control-me::before{
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    border: solid 3px #CC9E42;
    border-radius: 5px;
    position: absolute;
    left: -1.3em;
    top: 6px;
    background: #CC9E42;
    box-shadow: inset 2px 2px 0 #fff, inset -2px -2px 0  #fff;
}


.visually-hidden {
    position: absolute;
    left: -100vw;
}


@media only screen and (max-width: 360px) {

    .adra-in-blog-box {
        width: 80% !important;
    }

    .pif-tfc-row,
    .bif-2col-container {
        flex-direction: column;
        margin-bottom: 0;
    }
    
    .pif-tfc-row input,
    .adra-form-2-col-row input,
    .adra-full-field,
    .bif-2col-container inpu {
        width: 100%;
        margin-bottom: 1rem;
    }
    
    .acc-white {
        text-align: left;
        max-width: 61.9%;

    }
    
    .acc-white .adra-checkbox {
        margin: 0 1rem;
        display: block;
    }

    .adra-form-2-col-row {
        flex-direction: column;
        margin-bottom: 0;
    }

    .adra-form-subtitle,
    .adra-checkbox  {
        font-size: 18px !important;
    }

    .sif-checkbox-container {
        font-size: 1rem;
    }

}