/* 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-primary);
}    

a:not(.a--hover-no, .btn, .btn-secondary) {
    border-bottom:  1px solid var(--ixn-color-primary--tint-30);
}

    .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.
*/

.dropdown--theme-ixn {
   background-color: var(--ixn-color-secondary--tint-60);
   color: var(--ixn-color-primary);
}
   
   .dropdown--theme-ixn .dropdown__close {
      color: var(--ixn-color-primary);
   }

.dropdown--theme-generic {
	background-color: var(--ixn-color-secondary--tint-60);
   	color: var(--ixn-color-primary);
	padding:  var(--ixn-space-sm);
}

	.dropdown--theme-generic {
		color: var(--ixn-color-primary);
	}


/* Menu 

    This has not been tested on style.css

*/


.menu--theme-ixn {
    padding:  var(--ixn-space-sm);
}

.menu--theme-ixn .menu__item,
.menu--theme-ixn .submenu__item {
    color: var(--ixn-color-white);
}

.menu--theme-ixn .menu__item:hover,
.menu--theme-ixn .submenu__item:hover {
    color: var(--ixn-color-primary);
    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-primary--tint-90);
	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
 * 
*/




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