/* login responsiveness page*/
 @media only screen and (max-width: 950px) {
    #loginbodyWrapper {
        width: 100% !important;
    }
    #loginLoginSubLeft {
        max-width: 398px;
        margin-bottom: 20px;
    }
    #loginLoginSubRight {
        max-width: 348px;
        border-left: none !important;
    }
    #loginLoginSubRight, #loginLoginSubLeft {
        height: auto !important;
        float: none !important;
        width: 100% !important;
        padding: 0 0 0 2% !important;
        box-sizing: border-box !important;
    }
    .loginSubFormWrapper {
        width: 100% !important;
    }
    #loginSignInHeader {
       padding: 18px 15px !important; 
    }
}
/* end of login responsiveness page*/


 @font-face {
     font-family:proximanova;
     src:url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?subset_id=1&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?subset_id=1&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?subset_id=1&fvd=n4&v=3) format("opentype");
     font-weight:400;
     font-style:normal;
     font-stretch:normal;
     font-display:auto;
}
 @font-face {
     font-family:freightsansprobook;
     src:url(https://use.typekit.net/af/442215/000000000000000000010b5a/27/l?subset_id=1&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/442215/000000000000000000010b5a/27/d?subset_id=1&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/442215/000000000000000000010b5a/27/a?subset_id=1&fvd=n4&v=3) format("opentype");
     font-weight:400;
     font-style:normal;
     font-stretch:normal;
     font-display:auto;
}
 @font-face {
     font-family:proximanovabold;
     src:url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?subset_id=1&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?subset_id=1&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?subset_id=1&fvd=n7&v=3) format("opentype");
     font-weight:700;
     font-style:normal;
     font-stretch:normal;
     font-display:auto;
}
 #header {
     display:flex;
     flex-direction: column;
     width:100%;
}
 #headerFlex-WD {
     display:flex;
     flex-direction: column;
     justify-content: space-between;
}
 #topHeader-WD{
     background:#214083;
     color:#fff;
     text-align: center;
     padding:10px 0;
     font-family:"freightsansprobook";
     font-size:16px;
}
 #topHeader-WD a{
     text-transform: uppercase;
     text-decoration: underline;
     color:#fff;
     font-weight:700;
     letter-spacing:1.25px;
}
 #topHeader-WD a:hover{
     color:#c2986b;
}
 #middleHeader-WD{
     display: flex;
     justify-content: flex-end;
     align-items: center;
     background:#F1F1F1;
     padding:5px 0;
}
#middleHeader-WD ul{
    display:flex;
    margin-right:15px;
    list-style-type: none;
}
#middleHeader-WD #searchHolder{
     padding-right:50px;
}
 #searchbar input{
     height:28px;
     width:260px;
     border:1px solid #DDDDDD;
     padding-left:5px;
}
#searchbar input::placeholder{
     color: #5E8893;
     font-size:13px; 
     font-style: normal;
     letter-spacing: 0.5px
         
}
 #bottomHeader-WD{
     display:flex;
     justify-content: space-between;
     align-items:center;
	padding:10px 60px 
     
}
 #bottomHeader-WD #bottomLeftHeader-WD picture img{
     width:100%;
     max-width: 292px;

}
 #bottomRightHeader-WD{
     width:100%;
     max-width:1209px;
}
 #bottomRightHeader-WD #navList{
     display:flex;
     justify-content: flex-end;
     align-items: center;
     list-style-type: none;
     width:100%;
     flex-wrap: wrap;
     padding-left:0
}
.bottom-border {
    width:100%;
    border-bottom:1px solid #000;  
    position: relative;
    top:5px;
    opacity: 0;
    transition:0.2s ease;
}
.navLinkTab a:hover > .bottom-border{
  top:0;
  opacity:1;
  transition:0.2s ease
}

.navLinkTab{    

    margin-left:25px;
}
.navLinkTab a{
    color:#000;
    font-size:15px;
    font-family: "proximanova"        
}

.shopNow{
    border:1px solid #000;
    transition:0.2s ease;
    text-transform:uppercase;
    font-weight: bold;
}

.shopNow .bottom-border{
    border:0;
}

.shopNow:hover, .shopNow a:hover{
    color: #fff;
    background: #223c86;
    border-color: #5d5d5d;
    transition:0.2s ease
}
.shopNow a{
    display:flex;
    align-items: center;
    padding:5px 10px;
    text-wrap: nowrap;    
}
 #mobileMenu, .mobileMenuBtn{
     display:none;
}

#footer{
    display:flex;
    flex-direction: column;    
    align-items: center;
    gap:10px;
    background:#ebebeb;
    padding:35px 0 65px 0
}
#footer #socialMediaIcons{
    margin-bottom:10px;
}
#footer #socialMediaIcons .fa-brands{
    background:#223c86;
    color:#fff;
    padding:13px 15px;
    font-size:16px;    
    border-radius: 50%;        
}
.fa-brands.fa-instagram{
    margin-left:10px;
}
address{
    font-style: normal;
    text-align: center;
    line-height: 20px;
    color:#223c86;
    font-family: "freightsansprobook", Arial, Verdana, sans-serif;
    font-size:14px;
}


#footer #footerLinks{
    display:flex;
    justify-content: space-between;    
    width:100%;
    max-width:155px;
    list-style-type: none;
    padding-left:0;
    padding-bottom:10px;
    font-size:13px;
    font-family: "freightsansprobook", Arial, Verdana, sans-serif;
}

#footerLinks li a{
   color:#223c86;
}
#footerLinks li:after{
   content:" | ";
}

#footerLinks li:last-child:after{
    content:""
}
#copyright{
    color:#223c86;
    font-family: "freightsansprobook", Arial, Verdana, sans-serif;
    font-size:14px;
}

.phoneButtons {
	display:none;
}
/* In Media Queries Section */
@media screen and (max-width:766px) {
    #bottomHeader-WD #bottomLeftHeader-WD picture img{
        margin-left:0;
    }
    #middleHeader-WD ul{
        padding-left:0;
    }
    #bottomHeader-WD{
        flex-direction: column;
        margin-top:15px;
        padding:10px;
        box-sizing: border-box;
    }
     #topHeader-WD{
         display:flex;
         justify-content: center;
     }
     body.attachPosition{
           position:relative;
     }
    
     #allContent.slide{
         position: relative;
         right:265px;
     }
     #mobileMenu.show{
        display:flex;
        position: absolute;
        right:0;
        background:#FFF;        
        transition:0.5s ease-in;
        z-index: 999;
        width:250px;
        padding-left:20px;
     }
     
     #mobileMenu.show #mobileNavList{
        list-style-type:none;
        padding-left:0;
        width:100%;
        line-height: 2;        
        font-size:15px;
        font-family:"proximanova";
     }
     
     #mobileMenu.show #mobileNavList a{
          color:#000;    
     }
     
     #mobileMenu.show #mobileNavList .shopNow{        
        position:relative;
         right:16px;
     }
    .shopNow a{
        justify-content: center;
        padding:0;
    }
    .shopNow a .bottom-border{
        display:none;
    }
     #mobileMenu.show #mobileNavList .mobileNavLinkTab{
         margin-bottom:8px;
         margin-left:15px;
     }
     .mobileNavLinkTab.shopNow{
         width:110px;
         padding:0;
     }
     .xo-close{
         display:none;
     }
     .xo-close.show{
         display:flex;
         justify-content: flex-end;
         padding-left:10px;
          padding-right:35px;
         color:#5a83c3;
         font-size:29px;
         cursor:pointer;
         position: absolute;
         right:0
     }
     .xo-close.hide{
         display:none;
     }
     .xo-open{
         display:flex;
        position: absolute;
        right:30px;
        font-size:25px;  
        color:#5a83c3;
        cursor:pointer;
     }
     
     .xo-open.hide{
         display:none;
     }

     #bottomRightHeader-WD #navList, #bottomRightHeader-WD{
         display:none;
     }
     
     #bottomLeftHeader-WD{
         display:flex;
         justify-content: center;         
         width:100%;
         padding-bottom:15px;
     }
     
     #bottomLeftHeader-WD a{
        display:flex;
         flex-direction: row;
         justify-content: center;
     }
    #bottomHeader-WD #bottomLeftHeader-WD picture img{
        max-width:600px;
    }
     
     #middleHeader-WD{
         flex-direction: column;
         justify-content: center;
         padding:20px 0;
     }     
     #searchHolder{
         display:flex;
         justify-content: center;
         width:100%;
        padding-left:65px;
         box-sizing: border-box;
     }
     #searchbar{
         width:100%;
     }
     #searchbar input{
         box-sizing:border-box;
         width:100%;
     }
     #switchDirection{
      display:flex;
      align-items: center;         
      flex-direction: row;
      padding-left:32px;   
     }
    .phoneButtons{
		display:flex;
        justify-content: space-between;
        gap: 15px;
		width:100%;
    }
    .phoneButtons a{
        display:flex;     
        align-items:center;
        justify-content: center;
        padding:13px 25px;
        box-sizing: border-box;
        text-align: center;
        flex:1;
    }
    .phoneButtons #lexingtonPhone{
        background:#223c86;        
        color:#fff;        
    }
    .phoneButtons #louisvillePhone{
        border:2px solid #000;
    }
    
}

@media screen and (max-width:470px){
    #bottomHeader-WD #bottomLeftHeader-WD picture img{
        margin:0
    }
}

@media screen and (max-width:362px){
      #switchDirection{
       padding-left:65px;
    }
}