/* Header image dimensions */

/* PHP NOTES: 

 * Make subscribe form fit with MailChimp
 * Select form to attach to subscribe form
 * Select suscriber page, included in footer.php

 * Select footer icon, can be from site icon?
 * Has footer menu? 

 * Has main menu

*/


/* TYPOGRAPHY STYLES */


body,
.p,
.p--font-body {
    color: var(--ixn-color-primary--tint-60);
}

.a, 
a {
    text-decoration: none; 
    color: var(--ixn-color-gray-dark);
}    

a:not(.a--hover-no, .btn, .btn-secondary) {
    border-bottom:  1px dotted var(--ixn-color-gray-dark);
}

    .a:focus, 
    a:not(.a--hover-no):focus {
      outline: 1px dashed var(--ixn-color-primary--tint-60);
    }

    .a:hover, 
    a:not(.a--hover-no):hover {
        background-color: var(--ixn-color-primary--tint-10); /* */
        color:  var(--ixn-color-primary);
    }


.hr {
     border-top: var(--ixn-border-primary);
}



/* Typography */

.h1,
h1 {
    color:  var(--ixn-color-primary);
}


.h1-b {
    color:  var(--ixn-color-primary);
}


.h2,
h2 {
    color:  var(--ixn-color-primary);
}

.h3,
h3 {
    color:  var(--ixn-color-primary);
}



/* Text selection */


::-moz-selection { 
    background: var(--ixn-color-primary--tint-10); 
    color: var(--ixn-color-primary); 
}

::selection { 
    background: var(--ixn-color-primary--tint-10); 
    color: var(--ixn-color-primary); 
}



/* Form field focus */

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 3px solid var(--ixn-color-primary--tint-20);
}

.header__logo {
    width: 180px;
}


/* Dropdown theme 
 * Works for menus.
*/

.nav--theme-ixn,
.dropdown--theme-ixn {
    background-color: var(--ixn-color-white);
    border: var(--ixn-border-secondary);
}

@media only screen and (min-width: 1025px) {
    .nav--theme-ixn,
    .dropdown--theme-ixn {
        border: var(--ixn-border-primary);
        border-left: 0;
        border-right: 0;
    }
}
   
    .nav--theme-ixn .sliding-panel__close {
        color: var(--ixn-color-primary);
        border-bottom: none;
    }

        .nav--theme-ixn a.sliding-panel__close:hover {
            background-color: transparent !important;
            text-decoration: none;
        }

    .nav--theme-ixn .nav__item {
        border-bottom:  none;
    }

    .nav--theme-ixn .nav__item.current-menu-item {
        color: var(--ixn-color-gray-light);
    }



/* Remove default hover */

.nav--theme-ixn .nav__item:hover:not(.a--hover-no) {
    background-color: var(--ixn-color-white);
}

    .nav--theme-ixn .nav__item--active,
    .nav--theme-ixn .nav__item--active:hover {
        background-color: var(--ixn-color-white) ;
    }


/* Container background color  */

.container {
    background-color: var(--ixn-color-white);
}

.container--theme-light {
  background-color: var(--ixn-color-primary--tint-10);
}

    .container--theme-light .container__in {
      background-color: transparent;
    }


/* Btns theme  */

.btn--theme-light .btn__link { 
   background-color: var(--ixn-color-primary--tint-20); 
   color: var(--ixn-color-primary--tint-80);
}
   
   
/* Alert colors  */

.alert--error {
    background-color: var(--ixn-color-red--tint-10);
    color: var(--ixn-color-red--tint-140);
    border-color: transparent;
}


.alert--success {
    border-color: transparent;
    background-color: var(--ixn-color-green--tint-10);
    color: var(--ixn-color-green--tint-140);
}

.alert--warning {
    background-color: var(--ixn-color-orange--tint-10);
    color: var(--ixn-color-orange--tint-140);
    border-color: transparent;
}


.alert--info {
    background-color: var(--ixn-color-blue--tint-10);
    color: var(--ixn-color-blue--tint-140);
    border-color: transparent;
}

/* Button to top  */

.btntop {
    font-family:  var(--ixn-type-secondary);
    background-color: var(--ixn-color-secondary--tint-80);
    color:  var(--ixn-color-white);
    border: 1px solid white;
}


/* Comments Form  */


/* Field status */

.field__number {
    padding-right:  0;
}

/* Comments Avatar img */

.comment__avatar img {
    border-radius: 80px;
    overflow:  hidden;
}



/* Buttons  */

.btn,
.btn__link {
   border: none;
   background-color: var(--ixn-color-primary);
   color: white;
   padding: var(--ixn-space-xxsm) var(--ixn-space-sm);

}



/* WP Block shared styles ------------------------------ */

/* Lazyload placeholder graphic 
 * For this to work it must be included as part of the critical inline CSS, otherwise it will apply styles after file read. 

.ixn-gallery__img-wrapper,
.ixn-picture__picture,
.ixn-picture-floating__picture,
.modal--fit-picture-size .c-gallery__picture,
.post__img {   
   background-color: var(--ixn-color-secondary--tint-30); 
   background-position: left top;
   background-repeat: no-repeat; 
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjMuMzkgMjM4LjI1Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTE1OSwyMzguMjUsMCwwSDguNjdMMTYzLjM5LDIzOC4yNVoiLz48L3N2Zz4=");
   background-size: 100% 100%;
}

*/
/* WP Block: Table ------------------------------ */

/* Table with stripes */

.wp-block-table thead {
    border-bottom: var(--ixn-border-secondary);
}

.wp-block-table tfoot {
    border-top: var(--ixn-border-secondary);
}

/* Stripe color */



/** 
 * Gravity forms ------------------------------ 
 * use gravityforms-theme.css
 * 
*/


body .gform_wrapper.gravity-theme .gform_drop_area {
  background: var(--ixn-color-white);
  border: var(--ixn-border-primary);
  border-style: dashed;
  border-color: var(--ixn-color-gray-light);
  border-radius: 0;
}


/* PHP NOTE TO PUT FOOTER COPYRIGHT TEXT IN CMS */