@import url("https://use.typekit.net/bky3eyz.css");
/*colors
blue_logo #26ade5
dark_grey #606060 - used on h1
dark_green #003300 - used on p 
dark_purple #990099 - used on one business
money_green #09c269 used on advertise
*/

/*confirmed use as at 20 04 22*/
body {color:#000000; background-color: #ffffff; font-family: myriad-pro, sans-serif;}/*<!--black font white back-->*/

/*-------------text formatting----------------------*/

h1{font-size: 3rem !important; font-weight: 700;}
h2{font-size: 1.8rem !important; font-weight: 700; margin-top: 2.5rem !important;}
/*<!--used on sitemap-->*/
h3{font-size: 1.2rem !important; font-weight: 600;}
/*<!--used on one post and admin->*/

h4{font-size: 1.6rem !important; font-weight: 600;}
/*<!--used on the one business page>*/


h6{font-size: 1rem !important; font-weight: 400;}
p {font-size: 1.3rem !important; font-weight: 400; line-height: 32px;}
.vsmall {font-size: 0.9rem !important; font-weight: 400;}

/*-------------used on legal lists----------------------*/
.terms{font-size: 1.2rem !important; font-weight: 400; line-height: 32px;}

/*used on instagram landing page*/
.hello{font-size: 3rem; font-family: 'Tangerine', cursive; font-family: 'Sorts Mill Goudy', serif;}
.hello_small{font-size: 1.5rem; font-family: 'Tangerine', cursive; font-family: 'Sorts Mill Goudy', serif;}

/*-------------links----------------------*/
/*used on footer*/
a.footer-link {color:white!important; text-decoration:none; font-size: 1.2rem !important; font-weight: 400;}
a.footer-link:hover {color:#abe3f9!important;}

/*this is used on top nav and one buiness page*/
a.nav-link {color:#000000!important; min-width: 100px; font-size: 1.2rem!important; font-weight: 400;}
a.nav-link:visited {color:#000000!important;}
a.nav-link:hover {color:#8b8b8b!important;}
a.nav-link:active {color:#26ade5!important;}

/*stands for article link*/
a.al{color:#000000!important; text-decoration:none; font-size: 1.2rem!important; font-weight: 400;}
a.al:hover {color:#646363!important;}

/*used on hello instagram*/
a.rsb {color:white!important; text-decoration:none; font-size:1.2rem!important;}/*right sidebar*/
a.rsb:hover {color:#646363!important;}

a.search_lg {color:white!important; text-decoration:none; font-size:1.3rem!important;}/*right sidebar*/
a.search_lg:hover {color:#646363!important;}


/*stands for link many articlkes wherean underline is required*/
a.lma{color:#000000!important; text-decoration:underline; font-size: 1.2rem !important; font-weight: 400;}
a.lma:hover {color:#646363!important;}

/*------------colours ------------------*/
.blue_logo {color: #26ade5;}
.orange{color: #f36b08;}/*used on footer rss*/
.black {color: #000000;}
.facebook_blue {color:#3b5998;}

/*used on the advertise*/

.advertise_back {background-image: url("../images/advertise_back.jpg"); min-height: 380px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.form_box_advertise {margin-top: 50px; margin-bottom:20px; -moz-border-radius: 16px; -webkit-border-radius: 8px; border-radius: 8px; padding: 10px; border: thin solid #006600; background-color: #fff; }

.bg-primary {background-color: #26ade5!important;}
.bg-secondary {background-color: #6ed2fb!important;}
.advertise-text-lge{font-size: 5rem !important; font-weight: 700;}
.search-text-lge{font-size: 5rem !important; font-weight: 700; color:white!important; text-align: center;}
.advertise-pt5{padding-top: 5%;}
.advertise-pb5{padding-bottom: 5%;}
.btn-primary {color:#26ade5!important; background-color:white!important; border-color:#26ade5!important; border-radius: 4%; padding:15px; font-size: 1.8rem !important;}
.btn-primary:hover {color:white!important; background-color:#6ed2fb!important; border-color: white!important;}

/*used on email form on business directory*/
.btn-primary-small {color:#26ade5!important; background-color:white!important; border-color:#26ade5!important; border-radius: 4%; padding:5px; font-size: 1.4rem !important;}
.btn-primary-small:hover {color:white!important; background-color:#6ed2fb!important; border-color: white!important;}



.btn-secondary {color:white!important; background-color:#26ade5!important; border-color:#26ade5!important; border-radius: 4%; padding:15px; font-size: 1.8rem !important;}
.btn-secondary:hover {color:white!important; background-color:#6ed2fb!important; border-color: white!important;}

.btn-search {background-color:white!important; border-color:#26ade5!important; border-radius: 4%; padding:15px; font-size: 1.8rem !important;}
.btn-search:hover {color:white!important; background-color:#26ade5!important; border-color:white!important;}


.shadow{-webkit-box-shadow: 4px 10px 20px -3px rgba(0,0,0,0.6);
-moz-box-shadow: 4px 10px 20px -3px rgba(0,0,0,0.6);
box-shadow: 4px 10px 20px -3px rgba(0,0,0,0.6);}


/*---------------buttons-----------------------*/

/*used throughout the site*/
.btn-main {color:white!important; background-color: #26abe3!important; border-color: white;}
.btn-main:hover {color:white!important; background-color:#abe3f9!important; border-color: white!important;}

/*------------Footer------------------------------*/

.footer{background-color: #000000;}
.footer p {color: white !important; font-weight: 400; line-height: 24px;}

/*stop ipad numbers in blue*/
a[href^=tel]{ color:white; text-decoration:none;}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videorow{
  margin:10px auto;
}





/*/*<!--BE AWARE client CSS is missing*//*/

 /** ====================
 * Comments List 
 =======================*/


 .comments-list {
     margin-top: 10px;
     position: relative;
 }

 .comments-list ul {list-style: none;
 }

 .comment-box .comment-name {
     color: #283035;
     font-size: 14px;
     font-weight: 700;
     margin-right: 10px;
 }