@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i&display=swap');
html {box-sizing: border-box; }
*, *:before, *:after {box-sizing: inherit;}
body {font-family: 'Montserrat', sans-serif; background-color:#fff; width:100%; margin: 0 auto; color:#333;}


/*  Header */
.inclogo {padding-top: 20px;}
    .inclogo img { width: 50%; max-width: 400px; height: auto; display: block; margin-left: auto; margin-right: auto;}
.nfp {max-width: 80%; margin: 0 auto;}
.nfp p {text-align: center; color: #880044; font-size: .8em; font-style: italic; line-height: 130%; padding: 5px; }
.local {margin: 5px; padding: 0;}
    .local p {text-align: center; font-size: 2.5em; }
    .local span {color: #0092d6; font-weight: 700; }
    .local b {color: #880044; font-weight: 700; font-style: italic;}

/*  Index Page */
.wrapper {width: 60%;  margin: auto; padding: 10px 0 10px 0;}
.wrapper a {color:#333; text-decoration: none; text-align: center;}
.wrapper  a p {font-size: 2.5em; letter-spacing: 2px; }
.wrapper  a:hover {color: #2CA58D;}

.profit {color:#880044; font-size: 1em; text-align: center; font-weight: 400; margin-bottom: 0;}
hr {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}

.activate {text-align:center;}
.activate h2 {font-size:1.5em; text-align:center;}

/*  Listings  Pages */
.wrapperL {width: 45%;  margin: auto; padding:0;}
.incbox {display: inline-block; margin: 0 10px 0 0 ; padding: 0;} /*  Dropdowns */
select, label, input { font-size: 20px; width: 320px; height: 34px;}
h1 {text-align:  left; color: #0092d6; font-size: 1.75em; font-weight: 400; font-style: italic; letter-spacing: 2px;}
.samples {font-size: 1em; font-weight: 400; line-height: 150%; background-color: #fffed9; padding: 0 5px;italic; }
.samples span {font-weight: 700; font-style:  }
.samples a {color:#880044;  }
.register {font-size: 1.1em; font-weight: 700; color: #fff; line-height: 150%; background-color: #880044; padding: 0 10px; border-radius: 15px; text-align: center;}
.register a {color:#ffe900; text-decoration: none;}
.register a:hover { color:#0092d6; }
.register span {color:#0092d6;}
.fsclg {width:85%; margin: 0 auto; color:#333; text-align:center; font-size:0.8em; }
.fsclg a {text-decoration:none; color:#880044;}
.fsclg a:hover {color:#0092d6;}

.incfstag {width:80%; margin: 0 auto; line-height: 150%; }
.incfstag h5 {text-align:center; font-size:0.8em; font-weight: 400;color:#0092d6;}
.incfstag ol, li {color:#333; text-align: left; font-size:0.8em; font-weight: 400;}
.incfstag a {text-decoration:none; color:#880044;}
.incfstag a:hover {color:#0092d6;}

.note {text-align:center;}
.note a {color:#2ca58d; text-decoration: none;}
.note a:hover {color:#880044;}

/*  Form */
.localemail a {color:#2ca58d; text-decoration: none;}
.localemail a:hover {color:#ffe900; }


/*  The Listing */
.grid p {font-size: 1.1em; line-height: 140%; padding:0; margin: 20px 0 15px 0; }
.incselect {font-weight: 400; line-height: 150%; 
        /*  Stop selection of text */
      -webkit-user-select: none; 
      -webkit-touch-callout: none; 
      -moz-user-select: none; 
      -ms-user-select: none; 
      user-select: none;   
}
.name {font-weight:700;}
.incselect a {color: #880044; text-decoration:none;}
.incselect a:hover {color: #2ca58d;}
.incselect span {font-weight: 400; color: #880044;} 
.clearit {clear: both;}
.clearitA {clear: both; padding-bottom: 30px;}
.clearitB {clear: both; padding-bottom: 100px;}



/*  Get a listing */
.pubnote {color: #333; line-height: 150%; font-size:0.85em;  
        /*  Stop selection of text */
      -webkit-user-select: none; 
      -webkit-touch-callout: none; 
      -moz-user-select: none; 
      -ms-user-select: none; 
      user-select: none;  
}
.psubhead {font-weight:700; color: #880044; font-size:1em; }
.pubnote span {color:#0092d6; font-weight: 700;}
.pubnote a {color:#0092d6; text-decoration:none;}
.pubnote a:hover {color:#880044;}


/* Terms */
.terms {line-height: 160%; font-size: 1em;}
.terms span {color:#0092d6; font-weight:700;}



/*  Map */
.wrapperM {width: 90%;  margin: 0 auto;}
.conMap h1 {text-align: center; color: #880044;}
.conMap img {display: block; margin: 0 auto; width:100%; height:auto; max-width:900px;}

.contacting {font-size: 0.85em; text-align:left; padding-left: 10px;}
.contacting a{color:#ffffff; text-decoration: none;}
.contacting a:hover{color:#880044;}

/* Footer */
footer {position: fixed; left: 0; bottom: 0; width: 100%; height: 60px; background-color: #2CA58D;}
.dropup {float: right; position: relative; display: inline-block; margin: 0 auto;}
.dropbtn  {
    padding: 20px 40px 20px 0;
    cursor: pointer; 
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 1.5em;
    text-align: right;
}
.dropbtn:hover  {color:#880044;}
.dropup-content {
    display: none;
    position: absolute;
    bottom: 80px;
    background-color: #fff;
    min-width: 150px;
    overflow: auto;
    right: 0;
    z-index: 1;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropup-content a {
    color: #2ca58d;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 20px 10px 10px;
    text-decoration: none;
    display: block;
}
.dropup-content a:hover {background-color: #0092d6; color: #fff;}
.show {display: block;}


/* Media Queries */
@media only screen and (max-width: 767px) {
    .inclogo img {width: 85%;}
    .local {padding: 5px 5px 0 5px;}
    .local p {font-size: 1.5em;}
    .wrapper {width: 90%;}
    .wrapper a p {font-size: 1.5em; }
    .grid p {font-size: 1em;}
    .contacting {font-size: 0.75em; text-align:left; padding-left: 10px; padding-top: 10px;}
    .terms {font-size: 0.8em;}
    .fsclg {width: 90%;}
    .incfstag {width: 90%;}
}


@media only screen and (min-width:768px) and (max-width:1024px)  {
    .local p {font-size: 1.6em;}
    .wrapper {width: 80%;}
    .wrapper a p {font-size: 1.5em; }
    .terms { font-size: 0.9em;}
}