/*   LYNN LLOYD SPECIFIC STYLES   */

body {
    font-family: "nunito-sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "kepler-std", serif;
}

input {
    font-family: "nunito-sans", sans-serif;
}

h1,
h2,
h3 {
    font-weight: 200;
}

.heroUSPbar {
    position: relative;
    font-family: "kepler-std", serif;
}

.heroImageHolder {
    margin-top: 3vw !important;
}

.heroImage .heroTitle {
    background-color: rgba(0, 0, 0, 0.55);
    left: 3vw;
    top: 3vw;
    width: auto !important;

}
.otherProductLinks {
  /*  display: none;  */
}
h3.fabricColour {
   width: 100% !important;
}
.fabricAvailability {
    display: none !important;
}
.footerLower {
    border-top: 1px solid #eeeeee;
}

.footerLowerRight a:hover {
    color: #7f9972;
}

.siteHilightColor {
    color: #333333 !important;
}
.forceAlignCenter {
   width: 100%;
   text-align: center;
}
.getStartedPrompt {
   margin-top: 3vw;
   margin-bottom: 0;
}
.signboard {
   background-image: url('/_repository/1/ftpuploads/imgs/banner-sign.png');
   background-position-x: center;
   background-position-y: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.signboard h1 {
   padding-top: 1vw;
   padding-bottom: 1vw;
   color: #7f9972 !important;
   font-size: 2vw;
}
h2.pageTitle {
   font-size: 2vw;
}
.featureColor,
.fabricName,
.fabricColour strong,
.selectedFabricThumb,
.desc-show,
.fabricAvailability {
    color: #333333 !important;
}

.M2M-Button {
    background-color: #7f9972 !important;
    border-color: #7f9972 !important;
}

.checkoutBtn {
    background-color: #7f9972 !important;
    border-color: #7f9972 !important;
}

.M2M-orderForm .freeSample {
    background-color: #ffffff !important;
}

.orderFormTitle {
    color: #7f9972 !important;
    font-family: "nunito-sans", sans-serif !important;
}

.M2M-orderForm_container .title_container h2.titleBlack {
    font-family: "nunito-sans", sans-serif !important;
}

.textPanel h1 {
    color: #000000;
}

.modal-fieldset legend {
    color: #7f9972 !important;
}
#innerSelectionClose {
    background-color: #7f9972 !important;
}
.textPanel a:hover {
    color: #7f9972;
}

.headerLeft p a:hover {
    color: #7f9972;

}
#installationHeightLegal {
   /*display: none;*/

}

#installationHeightLegal p.warningNote {
   color: #7f9972 !important;
}


.FilterTitle {
    font-family: "kepler-std", serif;
}

.darkPanel {
    background-color: #ffffff;
}

.darkPanel .panelHeading h2 em,
.darkPanel .panelHeading h2 {
    color: #000000;
}
.busNum {
    color: #7f9972 !important;
    font-size: 1.4em !important;
}


.heroUSPbar {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #ffffff;
}
.forceFullWidth {
    display: block !important;
}
   
.PanelHeadTitle {
    font-size: 2em;
    color: #7f9972 !important;
    text-align: center;
    width: 100% !important;
}
.showcaseBar {
    padding-top: 0;
}
.headerContainer {
    border-bottom: 1px solid #cccccc;
}
.measuringLinkMobile{
	display:none;
}
#searchField {
    background-color: #ffffff !important;
    border: 1px solid #7f9972 !important;
}
.heroUSPbar div ul li a {
    color: #696969;
}
#filterBody {
    width: 100% !important;
    background-color: #ffffff !important;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0vw !important;
    padding-top: 2vw;  
    margin-right: 0 !important;
    padding-left: 0 !important;
}
#fabricsLoadingBar {
       border-bottom: 0px none #333333;
}
.fabricOtherItems {
  display: none;
}
.tradePricePoint {
    display: none !important;
}
.retailPricePoint {
    display: inline;
}
#fabricResults {
    width: 100% !important;
}
#fabricsLoading {
    display: none !important;
}
.fabricHolder {
    width: 17%;
    margin-right: 0;
}

.heroUSPbar div ul li a:hover {
    color: #7f9972;
}

.navBar ul li a {
   font-weight: 600;
   font-size: 1.1em;
}
.navBar ul li a:hover {
    color: #7f9972;
}

.navBar ul li a.open {
    color: #7f9972;
}

.footerCol a:hover {
    color: #7f9972;
}

.headerRight p a {
    color: #000000;
}

input:checked+.slider {
    background-color: #7f9972;
}

input:focus+.slider {
    box-shadow: 0 0 1px #7f9972;
}

.subHeroImage .heroTitle .coreInner h2 em {
    font-size: 2.8vw;
}

.subHeroImage .heroTitle .coreInner h2 em,
.subHeroImage .heroTitle .coreInner h2 {
    color: #000000;
}

.mainImageSwatch {
    border: 0px none #ffffff;
}

p.fabricColours {
    display: none;
}

.titleColour {
    color: #000000;
}

.resultsPageHeader h1 {
    color: #000000;
}

.fabricIndicativePriceBelow {
    display: none;
}

.fabricIndicativePriceAbove {
    display: block;
}

h3.fabricName {
    border-bottom: 0px none #ffffff;
    padding-bottom: 1vw;
}

h4.pricePoint {
    color: #333333 !important;
    font-size: 0.8em;
    font-weight: 200;
    font-family: "nunito-sans", sans-serif;
}

.moreColours {
    display: inline-block;
}

.heroImage {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
}

.fabricFocusImage {
    border: 0px solid #ffffff;
}

.fabricThumbImage {
    border: 1px solid #ffffff;
}

.selectedFabricThumb {
    border: 1px solid #e1e1e1 !important;
    padding: 0.5vw;
    width: calc(100% - 1vw) !important;
}

.fabricImageDisclaimer_container p {
    font-size: 0.8em;
}

.panelTwoItem {
    width: calc(20% - 1vw) !important;
}

.panelTwoItem .showcasePanelTitle h3 {
    font-size: 1.1vw;
}

.forgotPasswordLink:hover,
resetAction:hover,
.registerLink a:hover,
.saveQuoteText a:hover {
    color: #7f9972;
}

.subItemPrice a:hover {
    color: #7f9972;
}

.selectorHolder h3:hover {
    color: #7f9972;
}

.selectorOpen {
    color: #7f9972;
}

.filterOptionSelected {
    color: #7f9972;
}

.filterOption:hover {
    color: #999999;
}

.filterOptionSelected::after {
    color: #999999;
}

#basketQtyVal,
#basketQtyVal2 {
    background-color: #7f9972;
}

#experienceImage {
    flex: 1;
    padding-left: 0;
    padding-right: 5%;
}
#experiencePanel {
    align-items: center;
}
#experienceText {
    flex: 1;
}
#experienceText h2 {

    font-weight: 800;
    color: #7f9972;
    text-align: center;
}

#experienceText p {
    font-size: 1.4em;
    text-align: center;
}
#experienceText p strong{
    color: #7f9972 !important;
}
.inlineHolder { 
    display: flex;
    flex-direction: row;
    align-items: top;
    padding-left: 5%;
    padding-right: 5%;
}
.inlineItem {
    flex: 1;

}
.inlineItem img {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%
}
.inlineItem h2 {
    font-size: 2em;
    text-align: center;
    margin-top: 0;
    padding-top: 0;

}
.inlineItem p {
    font-size: 1.2em;
    text-align: center;
}
    
.inlineItem p a:hover {
    color: #7f9972;
}

.inlineItem p a {
    color: #696969;
}
#experienceText p strong {
    color: #7f9972;
}

.busInfo-container {
   background-color: #ffffff;
   border: 2px solid #7f9972 !important;
}

.mobileMessageHeader strong a, .mobileMessageHeader strong a:hover, .mobileMessageHeader strong a:visited {
    color: #ffffff !important;
    text-decoration: none !important;
}

.busNum a, .busNum a:hover, .busNum a:visited{
    color: #333333 !important;
    text-decoration: none !important;
}
#needHelpTxt {
   padding-left: 1vw;

}
#needHelpTxt img {
   width: 3vw;
   display: inline-block;
}
.busTitleQ { 
   display: inline-block;
}

@media all and (max-width:1000px) {

    .panelTwoItem .showcasePanelTitle h3 {
        font-size: 2vw;
    }

    .panelTwoItem {
        width: calc(20% - 1vw) !important;
    }
}

@media all and (max-width:600px) {
    .panelTwoItem {
        width: calc(25% - 1vw) !important;
    }

    .showcasePanelTitle h3 {
        font-size: 3vw !important;
        margin-bottom: 2% !important;
        line-height: 3vw !important;
    }
}

@media all and (max-width:500px) {

    .panelTwoItem {
        width: calc(50% - 1vw) !important;
    }

    .showcasePanelTitle h3 {
        font-size: 10vw !important;
        line-height: 15vw !important;
        background-color: rgba(0, 0, 0, 0.4);
    }
    
    .messageBarContainer {
         display: none !important;
    }
    .headerMiddle {
       width: 100% !important;
       padding-top: 1vw;
       padding-bottom: 1vw;
    }
    .headerContainer {
      border-bottom: none !important;
    }
    .headerLeft {
       width: 100% !important;
     }
     .headerLeft img {
        width: 60% !important;
        border-bottom: none !important;
        padding-left: 13% !important;
        padding-right: 20% !important;
    }
    .headerRight {
       position: absolute;
       top: 25px;
       right: 5%;  
    } 
    .headerRight p {
       margin-top: 0 !important;
       margin-bottom: 0 !important;
    }
    .headerRight p a { 
       margin-left: 0;
    }
    .headerCellHolder {
       border-bottom: 1px solid #cccccc;
    }
    .headerRight .headerCellHolder {
       border-bottom: none !important;
    }
    .mobileMenuIcon {
       display: block !important;
       position: absolute;
       top: 25px;
       left: 5%;
    }
    .mobileMenuClose {
        margin-top: 25px;
        font-size: 1.1em;
        margin-left: 5%;
        margin-bottom: 25px;
    }

    .mainHeaderContainer {
       position: relative !important;
    }
    #searchField {
       border-color: #ffffff !important;
       border-width: 0 !important;
       padding-top: 2vw !important;
       padding-bottom: 2vw !important;
    }
    .mobileFilterTitle {
       display: block;
       padding-bottom: 2vw;
       padding-left: 2vw;
    }
    .navBar {
        position: absolute;
        top: 0;
        background-color: #ffffff;
        display: none;
    }
    .navBar ul li a {
        font-weight: 100 !important;
        font-size: 0.9em !important;
        padding-left: 3vw !important;
    }
    .navBar ul li {
        display: block;
        text-align: left;
        padding-top: 3vw;
        padding-bottom: 2vw;
        border-top: 1px solid #cccccc;
    }
    .mobileMessageHeader {
        width: 100%;
        background-color: #7f9972 !important;
        color: #ffffff;
        font-size: 0.8em;
        padding-top:2vw;
        padding-bottom: 2vw;
        text-align: center;
        display: block;
    }
    .wallpaperRollNo_mobile{
	display: block;
    }
    .sampleTextMobile{
	display: none;
    }
    .wallpaperRollNo{
	display: none;
    }
    .fabricImage_container p {
        font-size: 0.7em !important;;
        margin-bottom: 0;
        width:100%;
	overflow:hidden;
    }
    .fabricImageDisclaimer_container p {
        font-size: 0.7em !important;
        margin-bottom: 0;
    }
    #fabricResults {
        margin-top: 0 !important; 
    }
    #filterBody {
        position: relative;
    }
    .mobileFilterTitle {
        width: 30%;
        z-index: 100;
    }
    .measuringLinkMobile{
      display:block;
    }
    .measuringLinkDesktop{
      display:none;
    }
    .sortOptions {
        position: absolute;
        top: 1vw;
        right: 0; 
        width: 60%;
        z-index: 90;
    }
    #sortSelector {
        width: 70%;
    }
    .selectorHolder {
        display: none;
        background-color: #f9f9f9;
        font-size: 0.7em;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .selectorHolder span {
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .fabricHolder:first-child {
        padding-top: 1vw !important;
    }
    .mainItemPrice {
        font-size: 1.2em !important;
        line-height: 1.3em !important;
    }
    .mobileMenuClose {
      display: block;
    }
    .heroImage_Mobile{
	display:block !important;
    }
    .heroImage_NoneMobile{
 	display:none;
    }

}

@media all and (max-width:390px) {
    .panelTwoItem {
        width: calc(100% - 1vw) !important;
    }

    .tradePricePoint {
	overflow: hidden;
    	width: 0;
    	height: 0;
    } 
    .showcasePanelTitle{
        left: 0 !important;
        width: 100% !important;
    }
    .showcasePanelTitle h3 {
        font-size: 10vw !important;
        text-align: center;
        line-height: 15vw !important;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .fabricPrice_container {
        padding-bottom: 5vw; 
        display: block !important;
        min-height: 10vw !important;
    }
    .mainItemPrice {
        line-height: 10vw;
    }


}