/* BATHMATICS 


 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/*--------- PAGE BACKGROUND----------------- */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/*-----------LOGIN STYLES-----------*/
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

/*---------- GENERIC -------------------*/

/*P HTML TAG STYLES*/
p {
font-family: nimbus-sans,sans-serif;
font-weight: 400;
font-style: normal;
color: #1D0D40;
}

/*LIGHT BACKGROUND*/

div.bkgd-light.primary-color > p {
color: #473878;
}

div.bkgd-light.secondary-color > p {
color: #8DA632;
}

div.bkgd-light.tertiary-color > p {
color: #473878;
}


/*DARK BACKGROUND*/

div.bkgd-dark.primary-color > p {
color: #ffffff;
}

div.bkgd-dark.secondary-color > p {
color: #AE3FAB;
}

div.bkgd-dark.tertiary-color > p {
color: #8DA632;
}

/*H1 HTML TAG STYLES*/

H1  {
font-family: nimbus-sans,sans-serif;
font-weight: 900;
font-style: normal;
color: #1D0D40;
}

/*LIGHT BACKGROUND*/

div.bkgd-light.primary-color > h1 {
color: #473878;
}

div.bkgd-light.secondary-color > h1 {
color: #8DA632;
}

div.bkgd-light.tertiary-color > h1 {
color: #473878;
}


/*DARK BACKGROUND*/

div.bkgd-dark.primary-color > h1 {
color: #ffffff;
}

div.bkgd-dark.secondary-color > h1 {
color: #AE3FAB;
}

div.bkgd-dark.tertiary-color > h1 {
color: #8DA632;
}

/*H2 HTML TAG STYLES*/

H2  {
font-family: nimbus-sans,sans-serif;
font-weight: 700;
font-style: normal;
color: #1D0D40;
}

/*LIGHT BACKGROUND*/

div.bkgd-light.primary-color > h2 {
color: #473878;
}

div.bkgd-light.secondary-color > h2 {
color: #8DA632;
}

div.bkgd-light.tertiary-color > h2 {
color: #473878;
}


/*DARK BACKGROUND*/

div.bkgd-dark.primary-color > h2 {
color: #ffffff;
}

div.bkgd-dark.secondary-color > h2 {
color: #AE3FAB;
}

div.bkgd-dark.tertiary-color > h2 {
color: #8DA632;
}


/*H3 HTML TAG STYLES*/

H3  {
font-family: nimbus-sans,sans-serif;
font-weight: 700;
font-style: italic;
color: #1D0D40;
}

/*LIGHT BACKGROUND*/

div.bkgd-light.primary-color > h3 {
color: #473878;
}

div.bkgd-light.secondary-color > h3 {
color: #8DA632;
}

div.bkgd-light.tertiary-color > h3 {
color: #473878;
}


/*DARK BACKGROUND*/

div.bkgd-dark.primary-color > h3 {
color: #ffffff;
}

div.bkgd-dark.secondary-color > h3 {
color: #AE3FAB;
}

div.bkgd-dark.tertiary-color > h3 {
color: #8DA632;
}

/*H4 HTML TAG STYLES*/

H4  {
font-family: nimbus-sans,sans-serif;
font-weight: 400;
font-style: normal;
color: #1D0D40;
}

/*LIGHT BACKGROUND*/

div.bkgd-light.primary-color > h4 {
color: #473878;
}

div.bkgd-light.secondary-color > h4 {
color: #8DA632;
}

div.bkgd-light.tertiary-color > h4 {
color: #473878;
}


/*DARK BACKGROUND*/

div.bkgd-dark.primary-color > h4 {
color: #ffffff;
}

div.bkgd-dark.secondary-color > h4 {
color: #AE3FAB;
}

div.bkgd-dark.tertiary-color > h4 {
color: #8DA632;
}

/*H5 HTML TAG STYLES*/

H5, DT  {
font-family: nimbus-sans,sans-serif;
font-weight: 400;
font-style: italic;
color: #1D0D40;
}

/*LIGHT BACKGROUND*/

div.bkgd-light.primary-color > h5 {
color: #473878;
}

div.bkgd-light.secondary-color > h5 {
color: #8DA632;
}

div.bkgd-light.tertiary-color > h5 {
color: #473878;
}


/*DARK BACKGROUND*/

div.bkgd-dark.primary-color > h5 {
color: #ffffff;
}

div.bkgd-dark.secondary-color > h5 {
color: #AE3FAB;
}

div.bkgd-dark.tertiary-color > h5 {
color: #8DA632;
}

/*H6 HTML TAG STYLES*/

H6  {
font-family: nimbus-sans,sans-serif;
font-weight: 300;
font-style: normal;
color: #1D0D40;
}

/*LIGHT BACKGROUND*/

div.bkgd-light.primary-color > h6 {
color: #473878;
}

div.bkgd-light.secondary-color > h6 {
color: #8DA632;
}

div.bkgd-light.tertiary-color > h6 {
color: #473878;
}


/*DARK BACKGROUND*/

div.bkgd-dark.primary-color > h6 {
color: #ffffff;
}

div.bkgd-dark.secondary-color > h6 {
color: #AE3FAB;
}

div.bkgd-dark.tertiary-color > h6 {
color: #8DA632;
}

TFOOT, THEAD    {
}

TH  {
}


/*--------------LINK STYLES------------*/
a {
    color: #8DA632;
}

A:link  {
    color: #8DA632;
}

A:visited   {
}

A:hover {
}

A:active    {
}




/*-----------BUTTONS-----------*/

/*ALL BUTTONS*/

.kyb-btn {
    display: inline-block;

    color: #ffffff;

    background-color: #473878;

    background-size: 105%!important;
    background-position: center!important;

    padding: 11px 20px 10px;

    border: 2px solid #473878;

    box-shadow: 0 0 0px rgb(0 0 0 / 0%);

    font-size: 13px;
    font-family: nimbus-sans,sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 1.42857143;
    text-transform: capitalize;

    -webkit-transition: all ease-in 300ms;    
    
}

.kyb-btn> a {
    text-decoration: none;
}


/*LIGHT BACKGROUND BUTTONS*/

.bkgd-light.kyb-btn.primary-color {
    color: #ffffff;    
    background-color: #473878;
    border: 2px solid #473878;
}

.bkgd-light.kyb-btn.primary-color:hover {
    color: #ffffff;
    background-color: #8DA632;
    border: 2px solid #8DA632;
}

.bkgd-light.kyb-btn.secondary-color {
    color: #473878;    
    background-color: #ffffff;
    border: 2px solid #473878;
}

.bkgd-light.kyb-btn.secondary-color:hover {
    color: #ffffff;
    background-color: #8DA632;
    border: 2px solid #8DA632;
}

.bkgd-light.kyb-btn.tertiary-color {
    color: #473878;    
    background-color: transparent;
    border: 2px solid transparent;
}

.bkgd-light.kyb-btn.tertiary-color:hover {
    color: #ffffff;
    background-color: #8DA632;
    border: 2px solid #8DA632;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    offset-distance: 5px;
}


/*DARK BACKGROUND BUTTONS*/

.bkgd-dark.kyb-btn.primary-color {
    color: #ffffff;    
    background-color: transparent;
    border: 2px solid #ffffff;
}

.bkgd-dark.kyb-btn.primary-color:hover {
    color: #ffffff;
    background-color: #8DA632;
    border: 2px solid #8DA632;
}

.bkgd-dark.kyb-btn-secondary {
    color: #ffffff;    
    background-color: transparent;
    border: 2px solid #8DA632;
}

.bkgd-dark.kyb-btn.secondary-color:hover {
    color: #ffffff;
    background-color: #8DA632;
    border: 2px solid #8DA632;
}

.bkgd-dark.kyb-btn.tertiary-color {
    color: #ffffff;    
    background-color: transparent;
    border: 2px solid #AE3FAB;
}

.bkgd-dark.kyb-btn.tertiary-color:hover {
    color: #ffffff;
    background-color: #8DA632;
    border: 2px solid #8DA632;
}





/*----------------START MOBILE VIEW--------------------*/


/*-----------MENU CODE -----------*/


/*-----------CONTENT LAYOUT CODE -----------*/

.onexone {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "content";
}

.onexone > div.bkgd.full { grid-area: 1 / 1 / 2 / 2; }
.onexone > div.overlay.full { grid-area: 1 / 1 / 2 / 2; }
.onexone > div.content.full { grid-area: content; }

.onextwo {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "content1"
    "content2";
}

.onextwo > div.bkgd.full { grid-area: 1 / 1 / 3 / 2; }
.onextwo > div.overlay.full { grid-area: 1 / 1 / 3 / 2; }
.onextwo > div.content.full { grid-area: 1 / 1 / 3 / 2; }

.onextwo > div.bkgd.cell1 { grid-area: content1; }
.onextwo > div.overlay.cell1 { grid-area: content1; }
.onextwo > div.content.cell1 { grid-area: content1; }

.onextwo > div.bkgd.cell2 { grid-area: content2; }
.onextwo > div.overlay.cell2 { grid-area: content2; }
.onextwo > div.content.cell2 { grid-area: content2; }

.onexthree {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(3, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "content1"
"content2"
"content3";
}

.onexthree > div.bkgd.full { grid-area: 1 / 1 / 4 / 2; }
.onexthree > div.overlay.full { grid-area: 1 / 1 / 4 / 2;}
.onexthree > div.content.full { grid-area: 1 / 1 / 4 / 2; }

.onexthree > div.bkgd.cell1 { grid-area: content1; }
.onexthree > div.overlay.cell1 { grid-area: content1; }
.onexthree > div.content.cell1 { grid-area: content1; }

.onexthree > div.bkgd.cell2 { grid-area: content2; }
.onexthree > div.overlay.cell2 { grid-area: content2; }
.onexthree > div.content.cell2 { grid-area: content2; }

.onexthree > div.bkgd.cell3 { grid-area: content3; }
.onexthree > div.overlay.cell3 { grid-area: content3; }
.onexthree > div.content.cell3 { grid-area: content3; }

.onexfive {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(5, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "content1"
"content2"
"content3"
"content4"
"content5";
}

.onexfive > div.bkgd.full { grid-area: 1 / 1 / 6 / 2; }
.onexfive > div.overlay.full { grid-area: 1 / 1 / 6 / 2; }
.onexfive > div.content.full { grid-area: 1 / 1 / 6 / 2; }

.onexfive > div.bkgd.twofifths { grid-area: 1 / 1 / 3 / 2;  }
.onexfive > div.overlay.twofifths { grid-area: 1 / 1 / 3 / 2; }
.onexfive > div.content.twofifths { grid-area: 1 / 1 / 3 / 2;  }

.onexfive > div.bkgd.threefifths { grid-area: 3 / 1 / 6 / 2; }
.onexfive > div.overlay.threefifths { grid-area: 3 / 1 / 6 / 2;}
.onexfive > div.content.threefifths { grid-area: 3 / 1 / 6 / 2; }

.onexfive > div.bkgd.cell1 { grid-area: content1; }
.onexfive > div.overlay.cell1 { grid-area: content1; }
.onexfive > div.content.cell1 { grid-area: content1; }

.onexfive > div.bkgd.cell2 { grid-area: content2; }
.onexfive > div.overlay.cell2 { grid-area: content2; }
.onexfive > div.content.cell2 { grid-area: content2; }

.onexfive> div.bkgd.cell3 { grid-area: content3; }
.onexfive > div.overlay.cell3 { grid-area: content3; }
.onexfive > div.content.cell3 { grid-area: content3; }

.onexfive> div.bkgd.cell4 { grid-area: content4; }
.onexfive > div.overlay.cell4 { grid-area: content4; }
.onexfive > div.content.cell4 { grid-area: content4; }

.onexfive> div.bkgd.cell5 { grid-area: content5; }
.onexfive > div.overlay.cell5 { grid-area: content5; }
.onexfive > div.content.cell5 { grid-area: content5; }

.twoxtwo {
display: grid;
grid-template-columns: repeat(2, 1fr);
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "content1 content2"
                    "content3 content4";
}

.twoxtwo > div.bkgd.full { grid-area: 1 / 1 / 3 / 3; }
.twoxtwo > div.overlay.full { grid-area: 1 / 1 / 3 / 3; }
.twoxtwo > div.content.full { grid-area: 1 / 1 / 3 / 3; }

.twoxtwo > div.bkgd.half1 { grid-area: half1; }
.twoxtwo > div.overlay.half1 { grid-area: half1; }
.twoxtwo > div.content.half1 { grid-area: half1; }

.twoxtwo > div.bkgd.half2 { grid-area: half2; }
.twoxtwo > div.overlay.half2 { grid-area: half2; }
.twoxtwo > div.content.half2 { grid-area: half2; }

.twoxtwo > div.bkgd.half3 { grid-area: half3; }
.twoxtwo > div.overlay.half3 { grid-area: half3; }
.twoxtwo > div.content.half3 { grid-area: half3; }

.twoxtwo > div.bkgd.half4 { grid-area: half4; }
.twoxtwo > div.overlay.half4 { grid-area: half4; }
.twoxtwo > div.content.half4 { grid-area: half4; }

.twoxtwo > div.bkgd.cell1 { grid-area: content1; }
.twoxtwo > div.overlay.cell1 { grid-area: content1; }
.twoxtwo > div.content.cell1 { grid-area: content1; }

.twoxtwo > div.bkgd.cell2 { grid-area: content2; }
.twoxtwo > div.overlay.cell2 { grid-area: content2; }
.twoxtwo > div.content.cell2 { grid-area: content2; }

.twoxtwo > div.bkgd.cell3 { grid-area: content3; }
.twoxtwo > div.overlay.cell3 { grid-area: content3; }
.twoxtwo > div.content.cell3 { grid-area: content3; }

.twoxtwo > div.bkgd.cell4 { grid-area: content4; }
.twoxtwo > div.overlay.cell4 { grid-area: content4; }
.twoxtwo > div.content.cell4 { grid-area: content4; }



/*-----------FOOTER CODE -----------*/
/*-----------HOME PAGE -----------*/

#bmdm-home-hero {
    height: 100vh;
}

#bmdm-home-hero > div.bkgd.full {
    background-color: rgba(7, 43, 89, .15);
}
#bmdm-home-hero > div.full.overlay {

}

#bmdm-home-hero > div.content.full.hero {

}



/*-----------ABOUT PAGE -----------*/
/*-----------PRODUCT/SERVICE - BATHROOMS PAGE -----------*/
/*-----------CONTACT PAGE -----------*/
/*-----------THANK YOU PAGE -----------*/
/*-----------404 ERROR PAGE -----------*/
/*-----------FORMS MODULE -----------*/
/*-----------EASY DNN NEWS MODULE-----------*/
/*-----------MAILCHIMP MODULE-----------*/
/*-----------PORTFOLIO-----------*/
/*-----------FORMS CODE -----------*/
/*-----------STOREFRONT -----------*/






/*-----------END MOBILE VIEW -----------*/





/*-----------START MEDIA QUERIES -----------*/





/*-----------START DESKTOP VIEW -----------*/

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

.mobile {
    display: none;
}

/*-----------MENU CODE -----------*/
/*-----------CONTENT LAYOUT CODE -----------*/
/*-----------FOOTER CODE -----------*/
/*-----------HOME PAGE -----------*/
/*-----------ABOUT PAGE -----------*/
/*-----------PRODUCT/SERVICE - BATHROOMS PAGE -----------*/
/*-----------CONTACT PAGE -----------*/
/*-----------THANK YOU PAGE -----------*/
/*-----------404 ERROR PAGE -----------*/
/*-----------FORMS MODULE -----------*/
/*-----------EASY DNN NEWS MODULE-----------*/
/*-----------MAILCHIMP MODULE-----------*/
/*-----------PORTFOLIO-----------*/
/*-----------FORMS CODE -----------*/
/*-----------STOREFRONT -----------*/



/*-----------END DESKTOP VIEW -----------*/
}





/*-----------TABLET VIEW -----------*/

@media all and (min-width:769px) and (max-width:1024px) {

    .mobile {
    display: none;
}

/*-----------MENU CODE -----------*/
/*-----------CONTENT LAYOUT CODE -----------*/

.dnn_layout, .container {
    width: 100%;
}

/*-----------FOOTER CODE -----------*/
/*-----------HOME PAGE -----------*/
/*-----------ABOUT PAGE -----------*/
/*-----------PRODUCT/SERVICE - BATHROOMS PAGE -----------*/
/*-----------CONTACT PAGE -----------*/
/*-----------THANK YOU PAGE -----------*/
/*-----------404 ERROR PAGE -----------*/
/*-----------FORMS MODULE -----------*/
/*-----------EASY DNN NEWS MODULE-----------*/
/*-----------MAILCHIMP MODULE-----------*/
/*-----------PORTFOLIO-----------*/
/*-----------FORMS CODE -----------*/
/*-----------STOREFRONT -----------*/






/*END TABLET VIEW*/
}