/* Theme options for brideshare */



/* TYPOGRAPHY STYLES */


body,
.p,
.p--font-body {
    color: var(--ixn-color-tertiary);
}

.a, 
a {
    text-decoration: none; 
    color: var(--ixn-color-primary);
    cursor: pointer;
}    

a:not(.a--hover-no) {
    border-bottom:  0;
}


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

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


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


.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);
}


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


.u-color--tertiary {
    color:  var(--ixn-color-tertiary);
}



/* Text selection */


::-moz-selection { 
    background: var(--ixn-color-green);
    color: var(--ixn-color-white);
}

::selection { 
    background: var(--ixn-color-green);
    color: var(--ixn-color-white);
}

a:focus {
  outline: 1px dashed var(--ixn-color-green);
}


/* Form field focus */

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 5px auto var(--ixn-color-secondary);
}


.header__logo {
	/* width: 180px;  */
}


/* Dropdown theme 
 * Works for menus.
*/

.dropdown--theme-generic {
    background-color: var(--ixn-color-primary); /*<-- Violet */
    color: var(--ixn-color-white);
}
   
    .dropdown--theme-generic .dropdown__close {
        color: var(--ixn-color-white);
    }

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


.dropdown--theme-generic .nav__item,
.dropdown--theme-generic .submenu__item {
    color: white;
}

.dropdown--theme-generic .nav__item:hover,
.dropdown--theme-generic .submenu__item:hover {
    color: var(--ixn-color-primary);
    background-color: white;
}


/* Menu 

    This has not been tested on style.css

*/

.nav--theme-ixn {
    background-color: var(--ixn-color-primary); /*<-- Violet */
    color: var(--ixn-color-white);
}
.nav--theme-ixn .nav__item,
.nav--theme-ixn .submenu__item {
    color: var(--ixn-color-white);
}

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


.sliding-panel .sliding-panel__close,
.sliding-panel .sliding-panel__close:hover {
    color: var(--ixn-color-white) !important;
    background-color: transparent !important;
}


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

/* Container background color  */

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

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

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


/* List Minimal */

    .list-minimal__item {
        border-bottom: var(--ixn-border-a);
    }


/* Btns theme  */

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


/* Badges */

.bds-member-type {
    background: #d94c61;
    background-color: rgb(217, 76, 97);
    border-radius: 100px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    letter-spacing: .25px;
    text-align: center;
    display: inline-block;
    padding: 4px 10px 4px;
    line-height: 1.1;
    position: relative;
    top:  -3px;
}

.bds-member-type--expert {
    background-color: var(--ixn-color-green);
    color: white;
}

.bds-member-type--bride {
    background-color: var(--ixn-color-primary);
    color: white;
}

.bds-member-type--wife {
    color: var(--ixn-color-brown);
    background-color: var(--ixn-color-secondary);
}

.bds-member-type--guest {
    color: white;
    background-color: var(--ixn-color-blue);
}
   
   
/* Alert colors  */

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


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

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


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

/* Button to top  */

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


/* Comments Form  */


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--ixn-color-primary--tint-60);
  opacity: 1; /* Firefox */
}

.field {
    padding: var(--ixn-space-xsm);
    font-family: var(--ixn-main-type);
    color: var(--ixn-color-tertiary); /*<-- Gray */
    font-size: var(--ixn-font-size-sm);
    letter-spacing: var(--ixn-letter-spacing-sm);
    line-height: var(--ixn-line-height-sm);
    width: 100%;
    max-width: 100%;
}

    .field:not(.field--valid-false, field--valid-true) {
        background-color: var(--ixn-color-secondary--tint-10);
        border: 1px solid var(--ixn-color-secondary);
    }


/* Comments Avatar img */

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



/* Buttons  */

.btn,
.btn__link,
.btn:hover,
.btn__link:hover {
   border: none;
   background-color: var(--ixn-color-secondary) !important;
   color: var(--ixn-color-brown) !important;
   padding: var(--ixn-space-xxsm) var(--ixn-space-sm);
   font-weight: bold;
}

    .btn:hover,
    .btn__link:hover {

    }



/* Blog pagination - block ------------------------------------- 
 * adapted for Wordpress
 * Used in post listing (archives) pages, search results, comments pagination
*/

.pagination {
   background-color: var(--ixn-color-primary--tint-20);
}

    .pagination__item {
        background-color: transparent;
    }

    .pagination__item--is-current,
    .pagination__item:hover {
        background-color: var(--ixn-color-white);
        color: var(--ixn-color-tertiary);
    }

    


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

/* Lazyload placeholder graphic */

.ixn-gallery__img-wrapper,
.ixn-picture__picture,
.modal--fit-picture-size .c-gallery__picture,
.post__img {   
   background-color: var(--ixn-color-secondary--tint-10); 
   background-position: center center;
   background-repeat: no-repeat; 
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAAyCAYAAADrwQMBAAAACXBIWXMAACxKAAAsSgF3enRNAAADDklEQVRogd2az23bMBTGX4Lq7Bx1SzZIR3ChAeoN4k4Qb9CMoGwgT1DnHgLOBHU2iE/lMbqWBxdsPyGEKFkkRVFkf4AOFgVbH/n4/tEXp9OJUkFwdkVEN1leHHy88qV2J27WRFT6esPUxH/G5YXUxC+JaCE48zIByYiH4Gt8XGsPOJDSyquCV9qoA6mKvxacLbUnLElCvOBMCl+0bj9oD1oSfZxHbD8o+13lS5YXe+2uISms/KZHOI2N+VGLh4f/rg18cCs4czb/aM1+wNzbfMvyotLuDhCleAiXe/lWG+ymlgmQbc4fndk7CCdEgr3gzCr+RyUesfvNUniDnIAfNj4gCrPHasuXvtcG3XiRUWJoG8wqHqI3uNpJjA+2clKzvHjr+q5ZxCOEbZCjTyG6zRMR7eSV5cV7MxZMPPbzpilLtQfCIbeEdKhVaId3pd0Jj7S6v0XRXGa/gsmHMvsjzL5SneD/7vCkiZdZXuy0kchCnUxPv2qDbsiVXg9VfFGlt6jby5FWsEWMf9dGWkSX2yMM7h0nwKrAiS63h0Naolixwbqyi7Ked5gAp5I22mYGJsCkRb11EU424qUzEpwNOhGfIEQ9nvnKI8KkEzYr7/W0xIKHM+Zv5NX7MBKPONw0CryclpgCcV2r+9KXvJhiuvJqBrbGZAQDe/rY+r3Rp7WD4pUUtGHh48DAAdWpHceuOhmufNWRcNz7OC6yRBU/WjgNiUc/rC/f3oV0fujGvOKjU2hr0ytecFYOHBg0HdOQ3l+ueD3Z31IEZzeCs71hM1FOwE/BWZc3noK9r1UntbCRouHI7rSnzDiiWejt5abm4vev5yXChkuvvIsa5tnbNY2FS/TVfMbtBfpkMfTrzqKafdNOdjX7GhZUxb7iDVozA/Hbdhs8wsyDFj5j0cTTR1ZXGlhBjV6Zl6QjNJ3ilUmozkyA07FwMuLp3wQceraAU/ckJrQkp4NVRz39lLpwMhEPz90uH0NldJNiWs+XyupvUwllQxiJRwhrPLq3v3zPzSeL35d73Nsf/WeHiP4A2v81z5Eanr4AAAAASUVORK5CYII=');
   background-size: 40px 32px;
   display: inline-block;
}


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

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background: var(--ixn-color-primary--tint-10);
}


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




/* *********************
 * THEME SPECIFIC STYLES - NOT ONLY COLORS, BUT ALSO LAYOUT 
 * *********************
 */


/* 
*  Images to full width for medium sizes like tablets
*/


@media only screen and (min-width: 700px) {

    /* Wedding checklist landing page */
    .wedding-checklist__benefits { margin-top: -50px; }

}



/* 
*  Landscape tablets and small desktop
*/

@media only screen and (min-width: 1025px) {

    /* Wedding checklist landing page */
    .wedding-checklist__benefits { margin-top: -75px; }

}

@media only screen and (min-width: 1350px) {

    .home .container__in {
        width: 1025px;
        margin: 0 auto;
    }

}