* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #ffffff;color: #000000;font-family: Montserrat;font-size: 100%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a {color: #000000;text-decoration: none;font-weight: normal;}
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1,h2, h3, h4, h5, h6 {padding: 0px 0px 0px 0px;margin: 0px;font-size: 100%;font-weight: normal;}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%;border: solid #000000 1px;padding: 5px;color: #000000;box-sizing: border-box;font-family: Montserrat;}
input[type=text], input[type=password]  { height: 30px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p { padding: 0px 0px 10px 0px; margin: 0px;}
strong { font-weight: normal; font-family: MontserratBold; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; }
img {max-width: 100%; height:auto}
table { border-spacing: 0px; }
td, th { padding: 0px; }

/* Colours */

:root
{
    --white: #ffffff;
    --blue: #002859;
    --grey: #eeeeee;
    --pink: #ff7bac;
    --lightgrey: #f8f8f8;
    --txtblue: #00008b;
    --green: #006600;
    --yellow: #cc8800;
	  --red: #cc0000;
}

/* Fonts */

@font-face {
  font-family: "Montserrat";
  src: url("/library/fonts/Montserrat/Regular.ttf")
    format("opentype");
}
@font-face {
  font-family: "MontserratBold";
  src: url("/library/fonts/Montserrat/Bold.ttf")
    format("opentype");
}
@font-face {
  font-family: "MontserratBlack";
  src: url("/library/fonts/Montserrat/Black.ttf")
    format("opentype");

}
@font-face {
  font-family: "Montserratlight";
  src: url("/library/fonts/Montserrat/Light.otf")
    format("opentype");

}

/*General rules*/

h1 {font-size: 200%;max-width: 700px;margin: 40px auto 40px auto; text-align:center; color:white;background-image: linear-gradient(to right,#00000000 0%,var(--blue) 15%,var(--blue) 85%, #00000000 100%); padding:25px;font-family: MontserratBold;}

.pageheader_inner {padding:20px 0px;}
.dbase_items { margin-top: 20px}
.layoutcredits .beachshore {display:none}

.pageheader { background-image: url(/images/98CWcb4chm6PbmDpw9k53340go.png); background-size: cover; }
.pagecomponents, .util_sitesearch {max-width: 1200px; margin: 0px auto 0px auto; padding:0px 10px 0px 10px; box-sizing: border-box;}


/* Buttons */

input[type=button], input[type="submit"], a.button { font-family: Montserrat; background-color: var(--blue); color: var(--white); font-size: 100%; border-radius: 50px; padding: 5px 10px 5px 10px; border:none; text-transform: uppercase; cursor: pointer; }
input[type=button]:disabled, input[type="submit"]:disabled, a.button:disabled { background-color: var(--grey); }


/* Forms */

.formbuilder { background: var(--grey); padding: 20px; border-radius: 20px; margin-bottom: 20px; }
.formbuilder .field { padding: 0px 0px 20px 0px; }
.formbuilder .label { padding: 0px 0px 10px 0px; font-family: MontserratBold; }
.formbuilder .description { font-size: 80%; }
.formbuilder input[type=text], .formbuilder input[type=password], .formbuilder textarea, .formbuilder select { width: 100%; max-width: 500px; border: none; }


.formbuilder .fbdropzone { background-color: var(--white); width: 100%; max-width: 500px; height: 170px; padding: 0px 0px 0px 0px; border-radius: 5px; cursor: pointer; font-size: 80%; }
.formbuilder .fbdropzone.inactive { cursor: default; }

.formbuilder .fbdropzone.active .dz-clickable { background-image: url(/images/HtELaPa7DO96ABWpzoIW05k05k.png); background-repeat: no-repeat; background-position: center center; background-size: 50px auto; }

.formbuilder .dz-preview { cursor: pointer; padding: 20px; background-color: var(--white); }
.formbuilder .dz-preview * { display: none; }
.formbuilder .dz-preview .dz-image { position: absolute; display: block; width: 150px; height: 150px; }
.formbuilder .dz-preview .dz-image * { display: block !important; }
.formbuilder .dz-preview .dz-image img { max-height: 150px; width: auto; height: auto; }
.formbuilder .dz-preview .dz-remove { display: inline-block; margin: 10px 0px 0px 170px; color: var(--red); }

.formbuilder .dz-preview .dz-details { display: block; margin: 0px 0px 10px 170px; }
.formbuilder .dz-preview .dz-details * { display: block; }
.formbuilder .dz-preview .dz-details .dz-size * { display: inline; }

.formbuilder .dz-preview .dz-progress { display: block; margin: 50px 0px 0px 0px; border: solid #000000 1px; padding: 2px; border-radius: 5px; text-align: right; }
.formbuilder .dz-preview .dz-progress .dz-upload { display: block; height: 10px; background-color: var(--blue); border-radius: 3px; }

.formbuilder .dz-preview .dz-error-message { position: absolute; display: block; font-weight: bold; margin: 90px 0px 0px 170px; }
.formbuilder .dz-preview .dz-error-message * { display: block; }

.formbuilder .dz-success { cursor: default;  }
.formbuilder .dz-success .dz-progress { display: none; }



/* Layout*/

.layoutmiddle { padding-bottom: 50px; }
.layoutfooter {background-color:var(--blue); color: white; padding:50px 10px 50px 10px;font-size:small;}
.layoutfooter_inner {display: flex;justify-content: space-between;max-width: 1100px;margin: 0px  auto 0px auto;}
.layoutfooter .footercopyright, .footerlinks { margin: 15px 0px 10px 0px ; font-size: small;}
.footercopyright a {color: white;}
.footercopyright a:hover {text-decoration: underline;}
.layoutcredits {margin:10px; font-size:small;}


.layoutheader .items {display:flex; align-items:center; justify-content:space-evenly; margin:40px auto 10px auto; }
.layoutheader .headerfacebook {text-align: center; width: 90px;}
.layoutheader .headerfacebook ul {display: flex; justify-content: space-between;}
.layoutheader .headermenu .toggle {display: none;}
.nav_simple ul { text-align: center;}
.nav_simple li { display:inline-block;}
.nav_simple a {color:var(--blue); font-size: 120%;}
.nav_simple a:hover{ color: var(--pink);}



@media ( min-width: 1000px)
{
 .nav_simple li {padding: 15px 20px;}
 #menu7-7, #menu7-6 {display: none;}
}
@media (max-width: 999px)
{
  .nav_simple li {padding: 10px 10px;}
  .header_login {display:none}
}

/*Categories Page*/

@media (min-width: 600px){
.homesections .records {display: flex; flex-wrap: wrap; justify-content:space-between; max-width: 750px; margin: 50px auto; gap:10px}
.homesections .record {background-size:cover;background-position: center center;display:flex;align-items: center;justify-content: center;width: 32%;text-align: center;height:250px;}
.homesections .record:nth-child(1),  .homesections .record:nth-child(7),  .homesections .record:nth-child(8) { width:66%}
.homesections .column_SectName {font-size: 170%; font-family: MontserratBold; color: white; text-shadow: 1px 1px 6px #000000 ; }
}


/* Sections page*/

  
.dbase_sectionpage ul  { max-width: 750px;margin: 50px auto; }
.dbase_sectionpage li  { background-size:cover; background-position: center center; }
.dbase_sectionpage li a { font-size: 170%; font-family: MontserratBold; color: white; text-shadow: 1px 1px 6px #000000; height: 250px; display: flex; align-items: center; justify-content: center; text-align: center; }
.toptext {max-width: 750px; margin: 50px auto; text-align: center; padding: 0 10px;}



 /*@media (max-width: 599px) {

  .dbase_sectionpage ul  {display: block ;max-width: 750px;margin: 50px auto;gap:10px}
  .dbase_sectionpage li  {background-size:cover; background-position: center center; display:flex; align-items: center; justify-content: center; width: 32%; text-align: center; height:250px; margin:30px auto;}
  .dbase_sectionpage li:nth-child(1),  .dbase_sectionpage li:nth-child(4),  .dbase_sectionpage li:nth-child(8) { width:32%}
  .dbase_sectionpage a {font-size: 170%; font-family: MontserratBold; color: white; text-shadow: 1px 1px 6px #000000 ; }
  

}*/
@media (min-width: 600px){

  .dbase_sectionpage ul  {display: flex;flex-wrap: wrap;justify-content:space-between;gap:10px}
  .dbase_sectionpage li  { width:32%;}
  .dbase_sectionpage li:nth-child(1),  .dbase_sectionpage li:nth-child(4),  .dbase_sectionpage li:nth-child(8) { width:66%}


}
@media (max-width: 599px) {

  .dbase_sectionpage li  { width:100%; margin-bottom: 10px;}

}
/* Adverts pages*/

@media (min-width: 1200px)
{
  .dbase_categorypage .featured, .dbase_categorypage .other {width: 1200px;margin: 10px auto;}
}

.dbase_categorypage .ui-tabs-nav { display: flex; justify-content: center; padding: 20px 0px 20px 0px; gap: 20px; }
.dbase_categorypage .ui-tabs-nav a { padding: 10px 50px 10px 50px; background-color: var(--lightgrey); }
.dbase_categorypage .ui-tabs-nav .ui-state-active a, .dbase_categorypage .ui-tabs-nav a:hover { background-color: var(--blue); color: var(--white); }

.dbase_categorypage .featured li, .dbase_categorypage .other li, .feat_advertiserportal .preview { margin: 30px 10px;background-color:whitesmoke;text-align: center;}
.dbase_categorypage li .images, .feat_advertiserportal .preview .images { display: flex; flex-wrap: wrap; justify-content: space-between; }
.dbase_categorypage li .images .image1, .feat_advertiserportal .preview .images .image1 { width:49%; height:150px; background-size: cover; }
.dbase_categorypage li .images .image2, .feat_advertiserportal .preview .images .image2 { width:49%; height:150px; background-size: cover; }
.dbase_categorypage li .images .image3, .feat_advertiserportal .preview .images .image3 {width: 100%;height:150px;background-size: cover;margin-top:5px;}
.dbase_categorypage li .image, .feat_advertiserportal .preview .image { height:200px; background-size: contain;background-color: black;}
.dbase_categorypage li .details, .feat_advertiserportal .preview .details { width:100%; height:auto; }
.dbase_categorypage li .description, .feat_advertiserportal .preview .description {padding: 10px; text-align: left; font-size: 80%; font-family: MontserratLight;}
.dbase_categorypage li .distance, .feat_advertiserportal .preview .distance {padding: 10px 10px 0px 10px; font-size: 80%; text-align: left; }
.dbase_categorypage li h2, .feat_advertiserportal .preview h2 { background-color: var(--pink); text-align: left; font-size: 85%; font-family: MontserratBold; padding: 10px; }
.dbase_categorypage li h2 a, .feat_advertiserportal .preview h2 a { color:white; }
.dbase_categorypage li h2 a:hover, .feat_advertiserportal .preview h2 a:hover { text-decoration: underline; }
.dbase_categorypage li .areas { display: none; }  

.dbase_categorypage .featured { padding-bottom: 70px; border-bottom: solid var(--grey);}
.dbase_categorypage .featured .column1 li:nth-child(even) h2 { background-color: var(--txtblue); }
.dbase_categorypage .featured .column2 li:nth-child(odd) h2 { background-color: var(--txtblue); }

.dbase_categorypage .noresults { text-align: center; padding: 50px 0px;}

@media (min-width: 600px)
{
  .dbase_categorypage .featured, .dbase_categorypage .other {display: flex;flex-wrap: wrap;justify-content:space-evenly;}
  .dbase_categorypage .featured ul {width:33.3%}
  .dbase_categorypage .other ul {width:20%}
}

.dbase_categorypage .featured .column3 li:nth-child(odd) h2 { background-color: var(--pink); text-align: left; font-size: 85%; font-family: MontserratBold; padding: 10px }
.dbase_categorypage .featured .column3 li:nth-child(even) h2 { background-color: var(--txtblue); text-align: left; font-size: 85%; font-family: MontserratBold; padding:10px}

.dbase_categorypage .other .name {padding: 10px; text-align: left; font-size: 85%; font-family: MontserratBold;}
.dbase_categorypage .other li:nth-child(odd) .name { background-color: var(--pink);}
.dbase_categorypage .other li:nth-child(even) .name { background-color: var(--txtblue);}

.dbase_categorypage .link { display: none; } 
.dbase_categorypage .link a{ font-size: 70%; text-decoration: underline;} 

@media (max-width: 999px)
{
  .layoutheader .items{flex-wrap: wrap; justify-content: center;}
  .layoutheader .headerlogo {width:100%}
  
  .header_login a{margin: 0px auto; }
  
  /*burger menu*/
  
  .layoutheader svg path {fill: var(--txtblue);}
  .layoutheader svg path:hover {fill:var(--pink)}
  .layoutheader .headermenu .toggle {display: block;cursor:pointer; position:absolute; top:10px; right:10px;}
  .layoutheader .headermenu.toggleon ul {display:block;position:absolute;width:100%;background-color: var(--blue);opacity: 0.95; z-index: 50;text-align: center;right:1px;top:55px;min-height: 250px;}
  .layoutheader .headermenu.toggleon li {padding: 10px; line-height: 2; width: 100%;}
  .layoutheader .headermenu.toggleoff ul{display:none;}
  .nav_simple a {color:#ffffff;}

  .layoutheader .headerfacebook {position:absolute; top:10px; left:10px;}

  .layoutfooter_inner {flex-wrap: wrap; justify-content: center;}
  .layoutfooter_inner .footerleft {text-align: center; padding-bottom: 30px;}

}

/* Header */

.headerlogo {display: block;}
.headerlogo img { display:block; max-width:300px; margin: 0px auto 0px auto;}
.headerfacebook i {font-size: 20px; color:var(--blue); padding:6px 9px 6px 9px; border-style: solid; border-radius: 50%; }
.headerfacebook .fa-facebook-f {padding: 6px 11px 6px 12px ;}
.headerfacebook i:hover{color:var(--pink);}

.header_login a { display: flex; width: 110px; height: 110px; background-color: var(--blue); text-align: center; padding: 5px; border-radius: 100%; color: white;text-transform: uppercase; font-size: 90%; align-items: center; }
.header_login a:hover { background-color:var(--pink); cursor: pointer; }

@media (max-width: 599px) 
{
  .headerlogo {margin-top: 30px;}
  .header_login {margin: 10px;}
}

/*  Register Account */

.memb_account {padding-top: 50px; text-align: center; }
.memb_account p { margin-top: 30px; color:var(--txtblue)}
.memb_account .form { max-width:500px; margin: 30px auto; }
.memb_account .label { text-align: left; }

/*
.memb_account .formbuilder .input { margin:5px 0px 20px 0px; }
.memb_account .label {font-size: 80%; color: var(--txtblue);}
*/

.memb_account .buttons {margin: 20px ;}

/*
.form_register #ddfb-6 {width: 30%;}
.form_register #ddfb-27, .form_register #fb-22  {width: 50%}
.form_register #fb-2-div, .form_register #fb-29-div  { margin: 40px 0px 30px 0px;}
.form_register input, .form_register textarea, .form_register select {width:100%;}
*/

.memb_account .text { text-align: center; }
.memb_account .text a{color: var(--pink);}
.memb_account .text a:hover {text-decoration: underline;}
.memb_account .text ul {margin: 20px;}
.memb_account .text li {padding-top: 10px;}
.memb_account .errors { color: var(--pink); }


/* Your account*/

/*
.your_account .memb_account {text-align: center; margin:50px 0px 50px 0px; color: var(--txtblue)}
.your_account .memb_account h2 {font-size: 150%;}

@media (max-width: 599px) {

  .form_register #ddfb-27, .form_register #fb-22 {width: 80%}

}
*/

/*  homepage content */

.homepageintro { border-bottom: solid 3px var(--grey); color: gray; max-width:900px; margin: 60px auto 30px auto; text-align: center; font-size: 130%;}
.homepageintro .content p {padding-bottom: 60px; }
.homepage .pagecontent_inner {margin:50px 200px 50px 200px;font-size: 120%;line-height: 1.5;}
.homepage .title {font-size: 150%;}


@media (max-width: 998px)
{
  .homepageintro {padding: 0px 20px;}
}
@media (max-width: 599px) {

  .homepage .content { font-size: 70%;}
  .homepage .content h2 {padding: 0px 40px 0px 40px}
  .homepageintro .content p {padding-bottom: 40px; }
  .homepage .util_textbox_inner p {font-size: 120%;}
  .homepage .homepageintro { position:relative; padding: 50px 5px 0px 5px; width: 80%; margin: 0px auto}
  .homepage .list_article .article{margin-top: 15px;}

  
  
  .homesearchcontainer { display:none;}
 
  
  .homesections .records {display: block; margin: 50px auto; gap:10px}
  .homesections .record {background-size:cover;background-position: center center;display:flex;align-items: center;justify-content: center;width: 100% ;text-align: center;height:250px; margin: 10px auto; }
  .homesections .record:nth-child(1),  .homesections .record:nth-child(7),  .homesections .record:nth-child(8) { width:100%}
  .homesections .column_SectName {font-size: 170%; font-family: MontserratBold; color: white; text-shadow: 1px 1px 6px #000000 ; }
  
  .int_newsletter .buttons {padding: 10px 0px 0px 0px; margin: 0px auto;}

}

/* search bar */

@media (min-width: 999px)
{
  .homepage .feat_sites ul { display: flex; flex-wrap: wrap; justify-content: space-evenly; }
  .homesearchcontainer {width: 70%;}
  .homesearchcontainer .util_textbox, .homesearchcontainer .nav_linklist {margin-top: 10px;margin-left: 50px;}
}

@media (max-width: 998px)
{
  .homesearchcontainer .searchfor { padding-right: 20px;}
}

.homesearchcontainer {background-color: var(--grey);margin: 20px auto;padding: 35px;}
.homesearchcontainer .util_textbox h2 {color: var(--txtblue); font-weight: bold; font-size: 120%;}
.homesearchcontainer .nav_linklist a {color: var(--txtblue); text-decoration: underline;}
.homesearchcontainer .items {display: flex;justify-content: space-evenly;}
.homesearchcontainer .homesearchbar {margin-left: 50px;}
.homesearchcontainer h2 {margin-left: 20px;}
.util_sitesearchbar {align-items:center;text-align: right;}
.util_sitesearchbar .form {border:solid white; background-color:  white; width: 300px;border-radius: 50px; text-align: left; padding: 0px 0px 0px 7px }
.homesearchbar .query {border:solid white; border-radius: 50px; width:250px; }
.homesearchbar button {border:none; background-color: white; border-radius:50px; }
.homesearchbar button:hover {color:var(--pink);cursor:pointer;}

/* Homepage Latest articles boxes */


@media (min-width: 1200px)
{
  .list_article .list {display:flex;flex-direction:row-reverse;justify-content: center;}
  .list_article .article {margin:0px 45px;}
}

@media (max-width: 1199px)
{
  .list_article .list {display:flex;flex-direction: column; align-items: center; }
  .list_article .list .article { margin: 20px 20px;}
}

.articleheading h2 { color:var(--txtblue); text-align: center; font-size: 130%; font-weight: bold; margin-top: 10px;}
.list_article {background-color:var(--lightgrey);margin: 10px 0px 90px 0px;padding:50px;}

.list_article img {max-width:290px; }
.list_article .abstract {padding: 15px 25px 25px 25px; font-weight:bold; font-size: 80%;}
.list_article .created { padding-left: 25px;}
.list_article .article {background-color:white;max-width:290px;height:350px;box-shadow:  4px 10px 30px grey;}
.list_article .titletxt {color: var(--blue); font-weight: bold; padding: 20px; }

.article .shortheadline {text-align: center; margin-top: 10px;}
.article .shortheadline a {color: var(--blue); font-weight: bold; }
.article .shortheadline a:hover {color: var(--pink) ;}
.article .image img {height: 180px;}

.article2 .created {margin-top: 30px;}
.article1 .created {margin-top: 40px;}
.article1 .abstract {margin-top: 10px;}

/* Latest article pages */

.news_stylea img {width: 500px;}
.news_stylea .image {margin: 30px auto 30px auto; text-align: center; }
.news_stylea .created {text-align: center; padding: 15px 15px 20px 15px; font-size: 110%; background-color: var(--lightgrey); margin: 10px auto; width:45%; border-radius: 10px;}
.news_stylea .abstract, .news_stylea .article {padding: 35px; width: 65%; margin: 0px auto;background-color: var(--lightgrey); margin-bottom: 50px;}
.news_stylea .abstract {text-align: center; color: var(--txtblue); font-size: 110%;}

@media (max-width: 599px) {

  .list_article .article { background-color:white; max-width:290px; height:350px; box-shadow:  4px 10px 30px grey ; margin:20px 45px ;  }
  .list_article .list {display:flex; flex-wrap:wrap; flex-direction:row-reverse; justify-content: center;}
  .news_stylea .created {text-align: center; padding: 15px 15px 20px 15px; font-size: 110%; background-color: var(--lightgrey); margin: 10px auto; width:80%; border-radius: 10px;}
  .news_stylea .abstract, .news_stylea .article {padding: 15px; width: 90%; margin: 0px auto;background-color: var(--lightgrey); margin-bottom: 50px;}
  .news_stylea .abstract p, .news_stylea .article p {padding-bottom: 15px;}

  .wedding_advice .title {width:90%}

}

/* Wedding Advice landing page*/

.wedding_advice .list_pagelist a {display:block; color:var(--txtblue);background-color: var(--lightgrey);text-align:center;padding: 20px;border-radius: 50px; margin-bottom: 10px;}
.wedding_advice .list_pagelist a:hover {background-color: var(--grey); text-decoration: underline;}

@media (min-width: 1000px) 
{
  .wedding_advice .list_pagelist ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0px;}
  .wedding_advice .list_pagelist li {width: 49%;}
}

@media (max-width: 999px)
{
  .wedding_advice .list_pagelist { padding: 20px 0px;}
}

/*Advice pages content*/

.advicecontent {padding :30px 0px;}
.advicecontent li{list-style-type: number; margin: 30px 60px;}
.advicecontent h2 {background-color: var(--lightgrey);padding: 40px;color:var(--txtblue);font-size: 110%;font-family: MontserratBold;margin :50px;text-align: center;border-radius: 20px;}
.advicecontent h3{padding: 25px 0px ;font-family: MontserratBold;color:var(--txtblue);}
.advicecontent p {font-family: MontserratLight; font-size:90%;}
.advicecontent p:first-child { padding-top: 30px;}
.advicecontent a {text-decoration: underline; color: var(--txtblue);}
.advicecontent a:hover { color: var(--pink);}

@media (min-width:600px)
{
  .advicecontent .pagecontent { max-width:1200px; margin: 0px auto; }
}

@media (max-width: 599px) {

  .advicecontent h2 {background-color: var(--lightgrey);padding: 40px;color:var(--txtblue);font-size: 110%;font-family: MontserratBold;margin :10px;text-align: center;border-radius: 20px;}
  .advicecontent .content {margin:10px 20px}
  .advicecontent li{list-style-type: number; margin: 30px;}

}

/* footer */

.footerlogo img { display: block; }
.layoutfooter .util_textbox { width: 200px; height:80px}
.footerlinks a {color: white;}
.footerlinks a:hover {text-decoration: underline;}

/* newsletter signup */

.layoutfooter .surv_standard { box-sizing:border-box; border: solid 3px white; line-height: 20px; padding:20px; }
.layoutfooter .surv_standard .titletxt {color: var(--pink); font-size: 160%; font-weight:bold; width:100%; padding-bottom: 10px; }
.layoutfooter .surv_standard .message { font-size:160%; color: var(--pink);padding-top: 30px;}
.layoutfooter .surv_standard .formbuilder { background: none; padding: 0px; }
.layoutfooter .surv_standard .formbuilder textarea {  max-height: 152px;}
.layoutfooter .surv_standard .label {display:none;}
.layoutfooter .surv_standard .buttons {padding: 10px 0px 0px 0px;}
.layoutfooter .surv_standard input[type=submit] { background-color: var(--pink); }

@media ( min-width: 700px )
{
  .layoutfooter .surv_standard { width:700px; }
}
@media( min-width: 700px )
{
  .layoutfooter .surv_standard .formbuilder textarea { max-width: 320px; }
  .layoutfooter .surv_standard .field {width: 330px; padding:10px 10px 10px 0px}
  .layoutfooter .surv_standard .formbuilder { height: 100px; display: flex; flex-direction: column; flex-wrap: wrap; }
}

@media (max-width: 699px) {
  .layoutfooter .surv_standard .formbuilder textarea { max-width: 100%; }
  .layoutfooter .surv_standard { box-sizing:border-box; border: solid 3px white; line-height: 20px; padding:20px; width:400px }  
  .layoutfooter .surv_standard .titletxt {color: var(--pink); font-size: 160%; font-weight:bold; width:100%; padding-bottom: 10px; text-align: center; }
  .layoutfooter .surv_standard p {text-align: center;}
  .layoutfooter .surv_standard .field {width: 100%; }
  .layoutfooter .surv_standard .submit {width:100%; background-color: var(--pink); font-weight:bold; font-size: 110%; border-radius: 6px; padding:10px;}
}

/* Directory Page */

.directory { padding-top: 30px; }
.directory .shortcuts { display: flex; justify-content: space-evenly; font-size: 95%; background-color: var(--lightgrey); padding: 10px; margin: 0px 0px 50px 0px;}
.directory .shortcuts li a { color: var(--txtblue); }
.directory .shortcuts li a:hover { color: var(--pink); text-decoration: underline; }
.directory ul.categories { text-align: center; padding-bottom: 30px; min-height: 100px; }
.directory ul.categories li a:hover { text-decoration: underline; color:var(--pink)}
.directory h3 { color: var(--txtblue); text-align: center; padding: 0px 0px 10px 0px; font-size: 150%;}
.directory .featured { font-size: 120%; position: absolute; left: 50%; width: 200px; height: 200px; border-radius: 100%; text-align: center; padding: 0px 20px 0px 20px; font-family: MontserratBold; color: white; text-shadow: 1px 1px 6px #000000; display: flex; justify-content: center; align-items: center; }
.directory .featured_left { margin-left: -450px; }
.directory .featured_right { margin-left: 250px; }
.directory .featured span { font-size: 250%; }

@media (max-width: 999px) {

  .directory .shortcuts { display: none; }
  .directory .featured { display: none; }

}

/* Search page */

.searchresults .titletxt {color: var(--txtblue); font-size: 200%; font-weight: bold; text-align: center; margin-bottom: 20px;}
.searchresults #result_report {font-size: 150%; padding-bottom: 20px; color: var(--pink); margin-bottom: 20px;}
.searchresults .include, .searchresults #results {text-align: center; font-size: 90%; margin-bottom: 30px;}
.searchresults .result .title { margin: 5px auto ; font-size: 120%; padding: 5px; color: var(--txtblue);}
.searchresults .result .title:hover {text-decoration: underline;}
.searchresults .description {margin: 10px auto; font-size: 110% }
.searchresults .url {color: var(--txtblue); margin-bottom: 25px;} 
.searchresults .url:hover {color:var(--pink)}
.searchresults input[type=text] {border:solid white; border-radius: 50px; padding: 15px; width:300px; }
.searchresults fieldset {background: var(--grey);margin: 0px auto 40px auto;}

@media (min-width: 700px) {

.searchresults fieldset {padding: 40px;}
.searchresults input[type=text] {margin-right: 10px;} 
}
@media (max-width: 699px) {

  .searchresults .titletxt {margin-top: 30px;}
  
  .searchresults .result .title {width: 80%; margin-top: 20px;}
  .searchresults .url {display:none} 
  .searchresults fieldset { padding:20px 5px 20px 5px ; }
  .searchresults input[type=submit] {margin-top: 10px;} 
}

/* login*/

.memb_loginbox  { text-align: center; margin-top: 50px;}
.memb_loginbox .login input[type=submit] { margin: 20px;}
.memb_loginbox .login input[type=submit], .memb_account .buttons input[type=submit] {width: 180px;text-transform: uppercase;font-size: 100%;}
.memb_loginbox .fieldpw, .memb_loginbox .fieldemail, .memb_loginbox .forgotpw, .memb_loginbox .register { display: block; text-align: center; margin-bottom: 20px;}
.memb_loginbox .label {width: 150px;display: inline-block;/* font-family: Sofia-Bold; */}
.memb_loginbox input { display: inline-block;}
.memb_loginbox .loggedin .status { margin-bottom: 30px;}
.memb_loginbox .loggedin .logout { margin-bottom: 100px;}
.memb_loginbox .errors { color: var(--brightpink); padding-bottom: 20px;}
.memb_loginbox .loggedout .introduction { text-decoration: underline; padding-bottom: 20px;}
.memb_loginbox .loggedin .introduction { padding-bottom: 20px;}
.memb_loginbox .loggedin li {padding: 5px 0px 5px 0px; text-decoration: underline; }

.memb_loginbox .loggedout .titletxt {display:none}




/* Advertiser portal */

.feat_advertiserportal .pagecontent { max-width: 1000px; margin: 50px auto 0px auto; }
.feat_advertiserportal .pagecontent p {padding-bottom:20px;}
.feat_advertiserportal h2.section { text-align: center; font-size: 150%; color: var(--pink); padding-bottom: 50px; }
.feat_advertiserportal table { width: 100%; }
.feat_advertiserportal table td, .feat_advertiserportal table th { padding: 5px; }

.feat_advertiserportal ul.subscriptions { border-top: solid var(--blue) 1px; }
.feat_advertiserportal ul.subscriptions li { display: flex; justify-content: space-between; border-bottom: solid var(--blue) 1px; padding: 20px 0px 20px 0px; }
.feat_advertiserportal ul.subscriptions li .status>div { margin-bottom: 20px; }
.feat_advertiserportal ul.subscriptions li .status .name { font-size: 150%; }
.feat_advertiserportal ul.subscriptions li .approval { max-width: 300px; }
.feat_advertiserportal ul.subscriptions li .subscription { max-width: 300px; }
.feat_advertiserportal ul.subscriptions li .status .valid { background-color: var(--green); margin-top: 5px; padding: 5px; color: var(--white); font-size: 90%; width: 300px; }
.feat_advertiserportal ul.subscriptions li .status .pending { background-color: var(--yellow); margin-top: 5px; padding: 5px; color: var(--white); font-size: 90%; }
.feat_advertiserportal ul.subscriptions li .status .invalid { background-color: var(--red); margin-top: 5px; padding: 5px; color: var(--white); font-size: 90%; }
.feat_advertiserportal ul.subscriptions li .buttons { clear: both; padding-top: 20px; }
.feat_advertiserportal ul.subscriptions li .preview { width: 220px; margin: 0px; }
.feat_advertiserportal ul.subscriptions li.subscription_premium .preview { width: 380px; }


.feat_advertiserportal #fb-AdvCatId-div ul { display: flex; flex-wrap: wrap; font-size: 80%; }
.feat_advertiserportal #fb-AdvCatId-div ul li { width: 240px; }


/* Basket */

.shop_basket { max-width: 800px; margin: 0px auto 0px auto; }
.shop_basket h2 { font-family: MontserratBold; padding-bottom: 20px; text-align: center; font-size: 120%; }
.shop_basket table { width: 100%; margin-bottom: 50px; }
.shop_basket table th, .shop_basket table td { padding: 6px; border-bottom: solid var(--grey) 1px; }
.shop_basket table .price, .shop_basket table .total, .shop_basket table .remove { text-align: right; }
.shop_basket .buttons input { margin-right: 20px; }
.shop_basket .confirm h2 { text-align: left; }
.shop_basket .confirm .contact { float: left; width: 50%; padding-bottom: 50px; }
.shop_basket .confirm .billing { float: right; width: 50%; padding-bottom: 50px; }
.shop_basket .confirm .payment { clear: both; }

/* Checkout */

.shop_basket .checkout .errors {background: red; border-radius: 15px; color: white; padding: 15px; line-height: 1.5;}
.shop_basket .checkout {max-width: 630px; margin: 0px auto;}
.shop_basket .checkout .buttons {max-width: 540px; margin: 0px auto; text-align: center;}
.shop_basket .checkout .formbuilder input[type=text], .formbuilder textarea {width: 100%; max-width: 630px;}

/* Locations selector */

.feat_locationselector { background-color: var(--pink); color: var(--white); padding: 10px; text-align: center; }
.feat_locationselector a { color: var(--white); }
.feat_locationselector form { background: var(--white); color: var(--blue); margin: 10px 0px 0px 0px; display: inline-block; padding: 10px; }
.feat_locationselector .formbuilder { background: none; padding: 0px; display: inline-block; margin: 0px; }
.feat_locationselector .field { display: inline-block; padding: 0px; }
.feat_locationselector .field .label { display: inline-block; margin: 0px 5px 0px 5px; }
.feat_locationselector .field .input { display: inline-block; margin: 0px 5px 0px 5px; }
.feat_locationselector .field .radio { display: inline-block; margin: 0px 5px 0px 5px; }
.feat_locationselector .field_text { width: 150px; }
.feat_locationselector .field_text label { font-size: 80%; }
.feat_locationselector input[type=text] { background-color: var(--grey); width: 100%; }

@media (max-width:599px)
{
  .feat_locationselector .form .radio, .feat_locationselector .form #fb-searchlocation-div { margin-top: 6px; margin-bottom:6px;}
}

/* Advertising packages */

.package .pagecontent { max-width: 1000px; margin: 40px auto 0px auto; text-align: center;}
.package .pagecontent h2 {  color: var(--red); text-transform: uppercase; font-family: MontserratBold; font-size: 140%; padding-bottom: 40px; }
.package .pagecontent h3 { font-size: 120%; padding-bottom: 30px; font-family: MontserratBold; color: var(--blue); }
.package .pagecontent p { padding-bottom: 30px; }
.package .pagecontent h4 {  font-family: MontserratBold; text-transform: uppercase; padding-bottom: 10px; color: var(--pink);}
.package .pagecontent h4:first-of-type { padding-top: 20px;}
.package .pagecontent a { color: white; background-color: var(--blue); padding: 10px 15px; border-radius: 20px; transition: 0.3s; }
.package .pagecontent a:hover { background-color: var(--pink); }

@media ( max-width: 1010px )
{
  .package .pagecontent { padding: 0px 20px;}
}
/* Contact */

.contact .pagecontent { text-align: center; padding: 40px 0px; }
.contact .surv_standard { text-align: center; }
.contact .form, .contact .titletxt{ background-color: var(--grey); }
.contact  .form { border-radius: 0px 0px 20px 20px; padding-bottom: 20px;}
.contact .form input[type=submit] { transition: 0.3s; }
.contact .form input[type=submit]:hover { background-color: var(--pink); }
.contact .titletxt { border-radius: 20px 20px 0px 0px; padding: 20px 0px; font-family: MontserratBold; font-size: 120%;}

.contact .pagecontent h3 { font-size: 120%; font-family: MontserratBold; }
.contact .pagecontent h3 a { text-decoration: underline; transition: 0.3s; }
.contact .pagecontent h3 a:hover { color: var(--pink); }

/* T&Cs - Privacy Policy */

.termsandconditions .pagecontent, .privacypolicy .pagecontent { max-width: 1000px; margin: 40px auto 0px auto;}
.termsandconditions .pagecontent h2, .privacypolicy .pagecontent h2 { font-family: MontserratBold; padding: 40px 0px 30px 0px; font-size: 120%; color: var(--blue);}

.termsandconditions .pagecontent li { list-style-type: disc; list-style-position: inside; line-height: 2; }

.privacypolicy .pagecontent a { text-decoration: underline;  transition: 0.3s; font-family: MontserratBold; }
.privacypolicy .pagecontent a:hover { color: var(--pink);  }

/* Page Not Found */

.pagenotfound p  { text-align: center; padding-top: 60px; font-size: 120%; font-family: MontserratBold; color: var(--blue) }


/* Advertise your business boxes */
.package .boxcontainer>.titletxt {text-align: center; font-size: 150%; color: #ff7bac; margin-bottom: 20px; margin-top: 50px;}
.package .boxcontainer .items { display: flex; gap: 20px; flex-wrap: wrap ; justify-content: center;}
.package .boxcontainer .items .box { width: 250px; background-color: rgba(255, 123, 172, 0.2); padding: 15px; border-radius: 15px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.package .boxcontainer .items .box h2 {font-family: MontserratBold; text-transform: uppercase; color: var(--blue); font-size: 120%; padding-bottom: 10px; min-height: 100px; align-items: center; display: flex; }
.package .boxcontainer .items .cost strong {font-size: 200%; color: var(--pink);}
.package .boxcontainer .items .become strong, .package .boxcontainer .items .recommended strong, .package .boxcontainer .items .boost strong {font-size: 130%; color: var(--pink);}
.package .boxcontainer .items .become .util_textbox_inner .content p:first-of-type,
.package .boxcontainer .items .recommended .util_textbox_inner .content p:first-of-type,
.package .boxcontainer .items .boost .util_textbox_inner .content p:first-of-type,
.package .boxcontainer .items .cost .util_textbox_inner .content p:first-of-type
{padding: 0;}