@font-face { font-family: OpenSansRegular; src: url(/library/fonts/OpenSans/Regular.otf) format("opentype"); }

* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: var(--background);color: var(--black);font-family: OpenSansRegular, sans-serif;font-weight: 400;font-size: 100%;line-height: 1.3;text-rendering:  optimizeLegibility;-webkit-font-smoothing: antialiased;overflow-x: hidden;}
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
.richtextcontent ul, .content ul, .richtextcontent ol { margin-bottom: 26px;}
.richtextcontent ul > li, .content ul > li {list-style-type: disc;margin-left: 30px;}
.richtextcontent ol > li, .content ol > li {list-style-type: decimal; margin-left: 30px;}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select {font-size: 90%;background: transparent;border: solid #000000 1px;padding: 5px;color: #000000;box-sizing: border-box;}
input[type=text], input[type=password]  {height: 30px;}
a.button, input[type=button], input[type=submit] { cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden {display: none !important;}
.spacer { clear: both; height: 0px; display: none; }
a { color: var(--black); text-underline-offset: 0.2em; text-decoration-color: var(--black); text-decoration: underline; }
strong, p>strong  {  font-weight: 600;}
em {font-style: italic;}
.errors{color: crimson; margin-bottom: 20px;}
img{max-width: 100%; height: auto;}

.richtextcontent figure {width: min-content; color: gray; font-size: 0.8rem; font-style: italic; }
.richtextcontent figure[style*="float:right"], .richtextcontent img[style*="float: right"] { margin: 0 0 30px 30px;}
.richtextcontent figure[style*="float:left"], .richtextcontent img[style*="float: left"] { margin: 0 30px 20px 0;}
.richtextcontent figure.image:not([style]) { margin: 20px 0 20px 0;}

.blur { filter: blur(3px); }

h1, h1>span, h2, h3, h4, h5, h6 { padding: 0px 0px 0px 0px; margin: 0px; line-height: 1.3; color: var(--black); }
h1 {font-size: 2.25rem; margin-bottom: 1.2rem; } /* 36px */
h2 {font-size: 1.85rem; margin-bottom: 1rem;} /* 29.6px */
h3 {font-size: 1.5rem; margin-bottom: 0.75rem;} /* 24px */
p {font-size: 1rem;} /* 16px */


:root 
{
   --background: #f3f3f3;
   --yellow: #E3AE38;
   --dark-yellow: #AA8D3E;
   --light-grey: #dddede;
   --medium-grey: #606B71;
   --grey: #36444C;
   --black: #3b3b3b;
}

/*********************************************************************************/
/*Common*/
/*********************************************************************************/

.layoutmiddle{min-height: 80vh;max-width: 1600px;margin: 0 auto;padding: 0 20px;}
.layoutcontent{padding-bottom: 60px;}

.pagetitle {margin-top: 20px;}


/* page components before page content */
.reverse-components{display: flex; flex-direction: column;}
.reverse-components .pageheader{order:1;}
.reverse-components .pagecomponents{order:2;}
.reverse-components .pagecontent{order:3;}

/* banner */
.pagebanner {width: 100vw; margin-left: calc(50% - 50vw); }
.pagebanner_inner, .std_newsarticlea .banner {max-width: 1600px;height: 150px; margin: 0 auto; }
.pagebanner_inner img, .std_newsarticlea .banner img{width: 100%; height: 100%; object-fit: cover;object-position: center;}
/* .dbase_gbdsearch_details .pagebanner_inner::after {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.25);} */


/* breadcrumb */
.nav_breadcrumb {margin-bottom: 20px; font-weight: 600;}
.nav_breadcrumb a{text-decoration: none; font-weight: 600; display: inline-block;}
.nav_breadcrumb .first a{color: var(--yellow);}
.nav_breadcrumb span, .nav_breadcrumb span a{color: var(--dark-yellow);}
.nav_breadcrumb span:last-child ,.nav_breadcrumb span:last-child a{color: var(--black);}
.nav_breadcrumb a:hover{color: var(--black);}

/* Buttons */

button, .button a, .buttons a, .social-media a, input[type=submit],input[type=button], .showmore a, a.button,.memb_loginbox .register a, .memb_subscriptionstatus a{background-color: var(--yellow); color: white; padding: 8px 10px; text-decoration: none; border-radius: 3px; border: none; cursor: pointer; font-size: 16px; display: inline-block;}
button:hover, .button a:hover, .buttons a:hover, input[type=submit]:hover,input[type=button]:hover, .showmore a:hover, a.button:hover,.memb_loginbox .register a:hover, .memb_subscriptionstatus a:hover {background-color: var(--grey); color: white;}
.social-media a{color: var(--grey); width: 35px; aspect-ratio: 1; font-size: 25px; padding: 0; display: inline-block; display: flex; align-items: center; justify-content: center;}
.social-media a:hover{color: var(--grey);}

.form_register input[type=submit], .login input[type=submit], .memb_loginbox .register a{ padding: 10px 12px; color: var(--grey); font-weight: 600;}
.form_register input[type=submit]:hover, .login input[type=submit]:hover, .memb_loginbox .register a:hover{color: white;}

a:hover{color: var(--yellow);}


/* forms */
.formbuilder { display: flex; flex-wrap: wrap; gap:20px 40px; }
.field .label, .memb_loginbox .label, .row .label, .dataTables_filter label{display: inline-block;font-weight: 600;margin-bottom: 10px;}
.dataTables_filter label{display: flex; align-items: center;}
.field_text, .field_password, textarea{display: inline-block; flex: 1 1 200px; max-width: 600px;}
input[type=text], input[type=password],input[type=search], textarea{background-color: var(--light-grey); border: none; width: 100%; font-family: OpenSansRegular, sans-serif;}
input[type=text], input[type=password], input[type=checkbox], textarea{margin-bottom: 20px; }
input[type=text], input[type=password]{height: 30px;}
.form-control:focus, input[type=text]:focus, input[type=password]:focus { outline: 2px solid var(--yellow); background-color: white; }

.input textarea[name='fb-MembAddress'] {height: 30px;}


.field_area{flex: 1 1 100%;}
textarea{ resize: vertical; overflow: auto;}

.field_checkbox:has(.description){display: flex; align-items: start; }
.field_checkbox:has(.description)>.input{display: flex; flex-direction:row-reverse; margin-bottom: 20px; gap:10px !important;}
.field_checkbox:has(.description) input[type=checkbox]{margin-bottom: 0;}

select, input[type=search]{ background-color: white; border: 2px solid var(--yellow);border-radius: 4px;width: 150px;height: 40px;outline: none;margin-bottom: 20px;font-weight: 600;font-size: 14px;font-family: OpenSansRegular, sans-serif; cursor: pointer;}
input[type=search]{margin: 0 0 0 10px;width: 100%;max-width: 265px;}


/* dataTable sorting icons */
@font-face { font-family: GlyphiconsHalflingsRegular; src: url(/library/fonts/GlyphiconsHalflings/Regular.otf) format("opentype"); }

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled {cursor: pointer;position: relative;/* min-width: 110px; */padding-right: 30px;}
table.dataTable thead .sorting_asc:after { content: "\e155"; }
table.dataTable thead .sorting_desc:after { content: "\e156"; }
table.dataTable thead .sorting:after { content: "\e150" ; } 
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 35%;right: 8px; display: block; font-family: GlyphiconsHalflingsRegular; opacity: 0.6; }
 


/* dialog */
.ui-dialog{max-width: 800px; height: auto;}
.ui-dialog .ui-dialog-titlebar{ background-color: transparent; border: none; margin: 10px;}
.ui-dialog .ui-dialog-title{display: none;}
.ui-dialog .ui-button{border: 1px solid var(--grey);}
.ui-dialog-content{height: auto !important;}

@media (max-width: 800px){
   .ui-dialog{max-width: 600px;}
}

@media (max-width: 600px){
   .ui-dialog{max-width: 95%;}
}

#imagedialog .promo { width: 100%; font-size: 120%; position: relative; margin: -150px auto 0px auto; min-height: 150px; }


/*********************************************************************************/
/*Header*/
/*********************************************************************************/

.layoutheader_inner {max-width: 1600px; margin: 0 auto; display: flex; justify-content: space-between; padding: 20px;}
.layoutheader .right-container>.items{display: flex;flex-direction: column; align-items: end; gap:50px;}
.layoutheader .top-container .items{display: flex; justify-content: end;}

/* search bar */
.layoutheader .util_sitesearchbar button{ all:unset;}
.layoutheader .util_sitesearchbar button i{color: var(--yellow); font-size: 20px; font-weight: 700;}

.layoutheader .nav_multilevel .link92, .layoutheader .nav_multilevel .link93, .layoutheader .nav_multilevel .link94, .layoutheader .nav_multilevel .link95, .layoutheader .nav_multilevel .link96{ display: none;}


/* Laptop */
@media ( min-width: 1101px ){

   /* logo */
   .layoutheader .logo img{ max-width: 350px; height: auto;}

   /* search bar */
   .layoutheader .util_sitesearchbar{ border: 2px solid var(--yellow); border-radius: 4px; margin-right: 20px; display: flex; align-items: center;}
   .layoutheader .util_sitesearchbar input[type=text]{border: none; outline: none; width: auto; background-color: var(--background); margin-bottom: 0;}
   .layoutheader .util_sitesearchbar button{ padding: 5px;}
   .layoutheader .util_sitesearchbar button i:hover{color:var(--grey); cursor: pointer;}
   .layoutheader .util_sitesearchbar input::placeholder{color: var(--yellow); font-weight: 600; font-size: 14px; }

   /* buttons */
   .layoutheader .nav_linklist .links{display: flex; gap:20px;}
   .layoutheader .nav_linklist .links a{display: flex; flex-direction: row-reverse; align-items: center; gap:5px}
   .layoutheader .nav_linklist .links a i{font-size: 18px;}

   /* menu */
   .toggle {display: none;}
   .layoutheader .nav_multilevel ul{display: flex;justify-content: end; gap:20px;}
   .layoutheader .nav_multilevel ul li a{text-decoration: none; display: inline-block; font-size: 17px; font-weight: 600;}
   .layoutheader .nav_multilevel .link44, .layoutheader .nav_multilevel .link45, .layoutheader .nav_multilevel .link46{ display: none;}

}


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

   .layoutheader .toggleoff ul {display: none;}

   /* logo */
   .layoutheader .logo img{ max-width: 250px; height: auto;}

   /* search bar */
   .layoutheader .util_sitesearchbar{display: none;}

   /* buttons */
   .layoutheader .buttons {display: none;}


   /*menu*/
   .layoutheader .toggle {display: block; position: absolute; top:30px; right: 20px; cursor:pointer;font-size: 2em; }
   .layoutheader .toggleoff ul {display: none;}
   .layoutheader .toggleon .level1{display: block; position: absolute; top: 110px; right: 0px; width: 100%;height: auto;z-index: 99;text-align: left;background-color: var(--yellow); }
   .layoutheader .toggleon .level1 a {display: inline-block;padding: 10px 20px;text-decoration: none;font-weight: 600;}
   .layoutheader .nav_multilevel .link44, .layoutheader .nav_multilevel .link45, .layoutheader .nav_multilevel .link46{ background-color: var(--grey);}
   .layoutheader .nav_multilevel .link44 a, .layoutheader .nav_multilevel .link45 a, .layoutheader .nav_multilevel .link46 a{color: white; font-weight: 200;}
}


/*********************************************************************************/
/*Footer*/
/*********************************************************************************/

.layoutfooter{background-color: var(--grey);}
.layoutfooter .logos .links, .layoutfooter_inner>.util_container>.items, .layoutcredits_inner {max-width: 1600px; margin: 0 auto;display: flex; flex-wrap: wrap; justify-content: space-between;gap:10px;padding: 20px;}

.layoutfooter .logos{background-color: var(--medium-grey);}
.layoutfooter .logos .links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    width: 100%;
}

.layoutfooter .logos .links li {
    height: 38px;
    display: flex;
    align-items: center;
}

.layoutfooter .logos .links li.link1 img,
.layoutfooter .logos .links li.link10 img {
    max-height: 55px;
}

.layoutfooter .logos .links a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.layoutfooter .logos .links img {
    max-height: 100%;
    width: auto;
    display: block;
    opacity: 0.8;
    filter: grayscale(20%);
    transition: opacity 0.2s ease, filter 0.2s ease;
}

.layoutfooter .logos .links a:hover img {
    opacity: 1;
    filter: grayscale(0%);
}


.layoutfooter .menu a{text-decoration: none; display: inline-block; color: white; margin-bottom: 6px;}
.layoutfooter .menu a:hover{color: var(--yellow);}

.layoutfooter .social-media .links{display: flex; justify-content: flex-end; flex-wrap: wrap; gap:12px; margin-bottom: 20px;}
.layoutfooter .logo li{text-align: end;}

/* Counter & logo */

.logo-counter .items {
  display: flex;
  align-items: center; 
  justify-content: space-between; 
  gap: 20px;
}

.logo-counter .counter .html{
  display: flex;
  flex-direction: column;
  color: var(--light-grey);
  text-align: start;
  gap: 5px;
}

.layoutcredits{background-color: var(--grey);}
.layoutcredits_inner{color: white; font-size: 14px;}
.layoutcredits .design{margin-left: auto;}
.layoutcredits a{color: white;}
.layoutcredits a:hover{color: var(--yellow);}


@media ( max-width: 1100px ){

   .layoutfooter_inner>.util_container .items, .layoutcredits_inner{display:flex; flex-direction: column; align-items: start;}
   .layoutfooter .logo li{text-align: start;}
   .layoutcredits .design{margin-left: 0;}

}





/*********************************************************************************/
/*Home*/
/*********************************************************************************/

.home .pagecontent{margin: 40px auto; max-width: 1000px;}
.home .pagecontent h2{margin-bottom: 40px;}

.home .pagecontent .button a{font-size: 20px; background-color: transparent; border: 1px solid var(--black); color: var(--black); padding: 10px 15px;border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;}
.home .pagecontent .button i{color: var(--black); font-weight: 600; margin-left: 5px;}
.home .pagecontent .button a:hover{ background-color: var(--grey); color: white;}
.home .pagecontent .button a:hover i{color:white;}

.home .bottom-container .items{display: flex; justify-content: center; gap:15px; padding-top: 40px; margin-bottom: 100px;}
.home .bottom-container .items>div {max-width: 400px;width: 100%;height: 400px;border: 4px solid var(--grey);}
.home .bottom-container .items>div>h2{ background-color: var(--grey); color: white; text-align: center; padding: 10px 10px 12px 10px; font-weight: 400; margin-bottom: 0;}
.home .event_list ul, .home .list_article .list{padding: 10px 0 10px 10px;}

.home .event_list{display: flex; flex-direction: column;}
.home .event_list ul{display: flex;flex-direction: column;gap:15px; overflow-y: scroll; }
.home .event_list li{ display: flex; flex-wrap: wrap;}
.home .event_list li .name{width: 100%; padding-bottom: 2px; font-weight: 700;}
.home .event_list .venue {width: 100%;}
.home .event_list li .date,.home .event_list li .time{padding-right: 10px;}

.home .bottom-container .util_customhtml{display: none;}

.home .feat_carousel{position: relative; height: 400px; }
.home .feat_carousel .carousel {overflow: hidden;max-width: 550px;  height: 330px; height:calc(100% - 100px); position: relative; margin: 0 auto; }
.home .feat_carousel .carousel ul {width: 20000em;position: relative;}
.home .feat_carousel .carousel li { float: left; max-width: 550px !important; width: 100% !important; height: 330px; text-align: center; display: flex; justify-content: center; align-items: start;}
.home .feat_carousel .carousel li .event{ width: 100%; height:300px; display: flex; flex-direction: column; align-items: center;}
.home .feat_carousel .carousel li .event .name { text-align: center; font-weight: 600; flex-shrink: 0; padding: 6px 10px;}
.home .feat_carousel .carousel li .event .image { flex: 1; min-height: 0; width: 100%; display: flex; align-items: center; justify-content: center; padding: 10px 10px 0 10px; box-sizing: border-box; overflow: hidden;}
.home .feat_carousel .carousel li .event .image img {max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block;}
.jcarousel-control{text-align: center;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);z-index: 10; width: 100%; overflow-x:auto; overflow-y:hidden; white-space:nowrap;scrollbar-width:none; -ms-overflow-style:none;}
.jcarousel-control a {display: inline-block;width: 15px;height: 15px;margin: 4px;background-color: var(--grey);text-indent: -9999px;overflow: hidden;}
.jcarousel-control a.active { width: 18px; height: 18px;}
.jcarousel-control::-webkit-scrollbar{display:none;}


.home .list_article{display: flex; flex-direction: column; }
.home .list_article .list{display: flex;flex-direction: column;gap:15px; overflow-y: scroll;}
.home .list_article .article .headline{all:unset}
.home .list_article .article .headline a{ font-size: 1rem; text-decoration: none; font-weight: 600;}
.home .list_article .article .headline a:hover{ color: var(--black);}
.home .list_article .article .abstract{font-weight: 400;}
/* scrollbar */
.home .list_article .list { scrollbar-color: var(--grey) #f1f1f1; }
.home .list_article .list::-webkit-scrollbar {width: 10px;}
.home .list_article .list::-webkit-scrollbar-track {background: white;}
.home .list_article .list::-webkit-scrollbar-thumb {background: var(--grey);border-radius: 6px;}


.mainbuttons { width: 100%; }
.mainbuttons ul { display: flex; justify-content: center; flex-wrap: wrap; margin: 60px 0 20px 0; gap:15px; }
.mainbuttons ul li a { width: 225px; height: 200px; border-radius: 10px; font-size: 1.75rem; text-align: center; }
.mainbuttons ul li a i { font-size: 3.5rem; display: block; margin: 20px auto 20px auto; }


@media(min-width: 1041px) {
   .home .bottom-container .items .feat_carousel{max-width: 550px; width: 100%;}  
}

@media ( max-width: 1040px ){

   .home .buttons-preview>.items{ width: 100%; gap:40px}

   .home .bottom-container .items>div{ height: 340px;}
   .home .feat_carousel .carousel, .home .feat_carousel .carousel li{max-width: 300px !important;}
   .home .feat_carousel .carousel li .event .name {font-size: 0.9rem;}

   .home .bottom-container .items{flex-direction: column;}
   .home .bottom-container .items>div{max-width: 100%; min-height: 308px;}
   .home .feat_carousel .carousel li .event {height: 240px;}
}

@media ( max-width: 467px )
{
   .mainbuttons ul li a{width: auto; max-width: 140px; aspect-ratio: 2; font-size: 1.5rem;}
   .home .feat_carousel .carousel li .event {height: 200px;}
}



/*********************************************************************************/
/*Login*/
/*********************************************************************************/

.memb_loginbox {max-width: 500px;}
.memb_loginbox .loggedout{padding-top: 20px;}
.memb_loginbox .login{padding-top: 20px;}
.memb_loginbox .forgotpw, .memb_loginbox .register {display: block !important; margin-top: 30px;}
.memb_loginbox .register {margin-top: 20px;}
.memb_loginbox .forgotpw a, .memb_loginbox .register a{text-decoration: none;font-weight: 600;}
.memb_loginbox .status{margin-bottom: 30px;}
.memb_loginbox .introduction a{text-decoration: none; font-weight: 600;}

.memb_subscriptionstatus{width: fit-content; max-width: 420px; margin: 30px 0; text-align: center; background-color: white; padding:20px ;}
.memb_subscriptionstatus a{margin-top: 20px;}
.memb_subscriptionstatus ul{text-align: start;}
.memb_subscriptionstatus li{margin-bottom: 10px; }
.memb_subscriptionstatus h3{margin-bottom: 10px; font-size: 1.2rem; font-weight: 600;}
.memb_subscriptionstatus div{margin-bottom: 5px;  }
.memb_subscriptionstatus .payment{display: none;}
.memb_subscriptionstatus .renewal{color: grey; font-size: 14px;font-style: italic; margin-top: 10px;}
.memb_subscriptionstatus .buttons:empty {margin: 0;}


/*********************************************************************************/
/*How it works*/
/*********************************************************************************/

.util_video { width: 100%; height: 100%; }
.util_video .player { height: 100%; }
.util_video video { display: block; width: 100%; height: auto; object-fit: contain; border: 2px solid var(--grey); margin: 0px auto 0px auto; }



/*********************************************************************************/
/*Subscribe/Your details*/
/*********************************************************************************/

.memb_account .errors{margin-top: 40px;}

.subscribe .text {margin-top: 40px;}
.subscribe .form{ max-width: 500px; padding-bottom: 60px; padding-top: 20px;}
.subscribe .form_register, .subscribe .form_profile,  .subscribe .form_password {max-width: 100%;padding-bottom: 60px;}
.subscribe .form_register .formbuilder, .subscribe .form_profile .formbuilder{all:unset;}
.subscribe .form .field_group>.input{display: flex;flex-wrap: wrap; gap:20px 40px;}
.subscribe .field_text, .subscribe .field_password, .subscribe .field_textarea, .subscribe .field_select{flex: 1 1 45%; max-width: 50%; }
.subscribe select {width: 100%; height: 30px;}
.subscribe #fb-7-div{border-top: 1px solid black; margin-top: 20px;}

#fb-MembGdprOptIn-div .label{display: none;}

@media ( max-width: 700px ){
   .subscribe .field_group>.input{flex-direction: column; gap: 10px;}
   .subscribe .field_text, .subscribe .field_password, .subscribe .field_textarea, .subscribe .field_select {flex: 1 1 100%; max-width: 100%; }
}



/*********************************************************************************/
/*Upcoming auctions*/
/*********************************************************************************/

.upcoming-auctions .event_list{margin-top: 60px;}
.upcoming-auctions .event_list .event {display: grid;grid-template-columns: 1fr 1fr auto;gap: 20px;align-items: center;background: white;padding: 15px;margin-bottom: 15px;border-left: 4px solid var(--yellow);border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.05);}
.upcoming-auctions .event_list li .name{ font-weight: 600; }

@media ( max-width: 500px ){ 
   .upcoming-auctions .event_list .event {display: flex; flex-direction: column; gap:10px; align-items: start;}
}


/*********************************************************************************/
/*Search/directory*/
/*********************************************************************************/

/* country list */
.searchbar label{font-weight: 600;}
.promo { background-color: var(--yellow); padding: 20px; border-radius: 5px; text-align: center; }
.promo .button { background-color: var(--black); }

.dbase_gbdsearch .promos { display: flex; gap: 20px; padding: 20px 0px 0px 0px; }
.dbase_gbdsearch .promos .promo { width: 50%; }

.dbase_gbdsearch .country_list ul{display: flex;flex-wrap: wrap; justify-content: center; gap:15px;margin: 20px 0;}
.dbase_gbdsearch .country_list ul li{flex: 1 1 150px;max-width: 240px; border: 1px solid var(--grey);padding: 20px 20px 10px 20px;background-color: var(--light-grey);cursor: pointer;}
.dbase_gbdsearch .country_list ul li:hover img{transform: scale(1.1); transition: transform 0.4s ease; }
.dbase_gbdsearch .country_list ul li .image{text-align: center;}
.dbase_gbdsearch .country_list ul li img{width: 150px;height: 100px;object-fit: contain;object-position: center;}
.dbase_gbdsearch .country_list ul li .name{text-align: center;font-weight: 600;padding-top: 10px;}

@media ( max-width: 500px ){

   .dbase_gbdsearch .country_list ul li{flex: 1 1 120px;  max-width: 180px; padding: 10px;}
   .dbase_gbdsearch .country_list ul li img{width: 110px;}
}

@media ( max-width: 380px ){
	.searchbar input[type=search]{max-width: 75%;}
}

/* denominations page */
.dbase_gbdsearch_details>.image{ display: inline-block; margin-bottom: 10px;}
.dbase_gbdsearch_details p{margin-top: 40px; font-weight: 600;}

.dbase_gbdsearch_details ul{max-width: 1000px;padding-bottom: 60px; columns: 2; column-gap: 20px;}
.dbase_gbdsearch_details ul li{display: flex; flex: 1 1 350px; max-width: 490px;  break-inside: avoid;}
.dbase_gbdsearch_details ul li a{width: 100%; background-color: var(--grey); color: white; padding: 6px 10px; margin-bottom: 10px;border-radius: 3px; text-decoration: none;}

.dbase_gbdsearch_details ul li a:hover{background-color: var(--yellow); color: var(--black);}

.dbase_gbdsearch_image { text-align: center; display: flex; flex-direction: column; padding-bottom: 10px !important;}
.dbase_gbdsearch_image img { width: 90%; max-height: 90%; align-self: center; display: block; }
.dbase_gbdsearch_image a {display: block; width: fit-content; margin: 20px auto;}


/*results table*/
.dbase_gbdsearch .currencyform{margin-top: 60px;}
.dbase_gbdsearch .currencyform fieldset, .dbase_gbdsearch .currencyform .field_select{display: flex; align-items: center; gap:10px;}
.dbase_gbdsearch .currencyform .field_select select{width: 100px;}
.dbase_gbdsearch .currencyform select{margin-bottom: 0;}
.dbase_gbdsearch .dataTables_wrapper {display: flex; flex-direction: column; margin-top: 30px; position: relative;}
.dbase_gbdsearch .dataTables_length{ position: absolute; right: 0; margin-top: 5px; font-size: 14px;}
.dbase_gbdsearch .dataTables_length select{width: auto; height: auto; border: 1px solid grey; margin-bottom: 0;}
.dbase_gbdsearch .dataTables_filter {margin-bottom: 10px;}

.results-table {border-collapse: separate; border-spacing: 4px; width: 100%; }
.results-table th, .results-table td {background-color: var(--light-grey);padding: 12px 6px;vertical-align: middle;}
.results-table .border { background-color: var(--yellow); padding: 2px; }
.results-table .image{text-align: center;}
.results-table img { max-width: 100px; height: auto; }

.table-intro {background-color: var(--background); text-align: left; font-weight: 500; padding-top: 15px;}

.dbase_gbdsearch .dataTables_info{margin: 20px 0;}
.dataTables_paginate {margin-bottom: 20px;}
.dataTables_paginate a{margin-right: 10px; cursor: pointer;}


@media ( max-width: 1200px ){

   .dbase_gbdsearch_details{ overflow-x: scroll;}
   .results-table{min-width: 900px;}  
}

@media ( max-width: 600px ){

   .dbase_gbdsearch .dataTables_length{right: unset; top:70px;}
   .dbase_gbdsearch .dataTables_filter{margin-bottom: 80px;}
   .dbase_gbdsearch_details ul {columns: 1}
}



/*********************************************************************************/
/*News/Info*/
/*********************************************************************************/

.news .list_archive,.news .list_archive .list{margin-top: 40px;}

.news .list_archive .article {background: white;padding: 15px;margin-bottom: 15px; border-left: 4px solid var(--light-grey); border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); transition: border-color 0.2s ease,  box-shadow 0.2s ease;}
.news .list_archive .article:hover { border-left: 4px solid var(--yellow); box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.news .list_archive .article .headline a{ font-size: 1.25rem; text-decoration: none; font-weight: 600;}
.news .list_archive .article .headline a:hover{ color: var(--black);}
.news .list_archive .article .abstract {line-height: 1.5; margin-bottom: 10px;}
.news .list_archive .article .created {font-size: 0.85rem; color: var(--dark-yellow); font-weight: 600;}


/*********************************************************************************/
/*Article page*/
/*********************************************************************************/

.std_newsarticlea>div{margin-bottom: 20px;}
.std_newsarticlea .headline{margin: 20px 0 10px 0;}
.std_newsarticlea .datetime{ margin-bottom: 20px;}
.std_newsarticlea .image { max-width: 1000px;height: auto;margin: 40px 0;}
.std_newsarticlea .video{max-width: 800px;}
.std_newsarticlea .video iframe{width: 100%; height: auto; aspect-ratio: 2/1;}
.std_newsarticlea .abstract{font-size: 1.5rem; margin-top: 40px;}


/*********************************************************************************/
/*Contact*/
/*********************************************************************************/

.contact .formbuilder { max-width: 800px; margin: 40px 0; }


/*********************************************************************************/
/*Free search*/
/*********************************************************************************/

.freesearchform, .int_newsletter { display: block; max-width: 400px; margin: 0px auto 0px auto; padding: 20px; border: solid var(--yellow) 5px; border-radius: 5px; }

.freesearchform .intro { text-align: center; }
.freesearchform .intro a { font-size: 50%; }
.freesearchform .message, .int_newsletter .message { text-align: center; color: var(--dark-yellow); margin-bottom: 40px; }
.freesearchform .formbuilder .field { display: block; }
.freesearchform .formbuilder .field .label { display: block; }
.freesearchform .buttons { text-align: center; }

/*********************************************************************************/
/*Site browser*/
/*********************************************************************************/

.util_sitesearch {margin-top: 40px;}

.util_sitesearch form{margin-top: 80px;}
.util_sitesearch fieldset{display: flex; justify-content: center; align-items: center; gap: 15px; }
.util_sitesearch input[type=text]{height: 40px; max-width: 500px; width: 100%; margin-bottom: 0;}

.util_sitesearch #result_report{ text-align: center; margin: 40px 0; font-weight: 600;}
.util_sitesearch .result{margin-bottom: 20px;}
.util_sitesearch .result .title{ padding-bottom: 5px; font-weight: 600;}
.util_sitesearch .result .description{padding-bottom: 5px;}


@media (max-width: 600px){
    .util_sitesearch fieldset{flex-wrap: wrap; justify-content: start;}
}



/*********************************************************************************/
/*Cookies*/
/*********************************************************************************/

.cookies table { border-collapse: collapse; width: 100%; }
.cookies table th, .cookies table td { text-align: left; padding: 10px; }
.cookies table tr { border-bottom: 2px solid var(--light-grey); }


/*********************************************************************************/
/*Preview*/
/*********************************************************************************/

.preview p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 700;
    margin: 0px;
    text-align: center;
}

.preview p img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 60px auto;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.10);
}

.preview sup {
    font-size: 11px;
    vertical-align: super;
}


/*********************************************************************************/
/*Product page*/
/*********************************************************************************/

.shop_product .name{margin-top: 60px;}
.shop_product .price{font-size: 1.2rem; font-weight: 600; margin: 20px 0;}
.shop_product .quantity{display: none;}

/*********************************************************************************/
/*Basket*/
/*********************************************************************************/

.shop_basketpage {max-width: 1000px; margin: 0 auto;}
.shop_basketpage .titletxt{text-align: center;}

.shop_basket table {width: 100%; margin-bottom: 60px; }
.shop_basket table th{ background-color: var(--light-grey);}
.shop_basket table th, .shop_basket table td{max-width: 1200px; width: 120px;text-align: center; padding: 10px; vertical-align: top;}
.shop_basket table th:first-child, .shop_basket table td:first-child{max-width: auto;width: auto;text-align: left;}
.shop_basket table th:last-child, .shop_basket table td:last-child{max-width: 100px;}
.shop_basket .remove a{color: crimson; text-decoration: none;}
.shop_basket .remove a:hover{font-weight: bold;}
.field_text, textarea{max-width: none;}
/* .shop_basket .quantity select{height: 30px; padding: 4px; width: 55px;} */

.shop_basket .checkout .formbuilder, .shop_basket .checkout .form-group{display: flex; flex-direction: column;}
.shop_basket .checkout .field_group>.label, .shop_basket .checkout .field_section>.label{font-size: 20px; text-transform: uppercase;margin: 20px 0;}
.shop_basket .checkout .field_section>.label{margin-bottom: 0;}
.shop_basket .checkout .field_checkbox{flex-direction: row-reverse !important; justify-content: start; align-items: center; gap:5px; margin-top: 10px;}
.shop_basket .checkout .field_checkbox input{margin-bottom: 12px;}
.shop_basket .checkout .errors{margin-top: 20px;}

.shop_basket .checkout .field_section, .shop_basket .checkout #fb-Notes-div {display: none;}

.shop_basket .confirm .details h2{font-size: 20px; text-transform: uppercase;margin: 10px 0;}
.shop_basket .confirm .details div{margin-bottom: 40px;}
.shop_basket .confirm .payment .introduction p{font-size: 0.85rem; color: var(--grey); background: #f7f7f7;border: 1px solid #ddd;padding: 10px 12px;border-radius: 5px;margin-top: 10px;line-height: 1.4; width: fit-content;}

.shop_basket .message { text-align: center; margin-bottom: 30px; }
.shop_basket .complete{margin: 60px 0;}

.shop_basket .buttons { display: flex; flex-wrap: wrap; gap:20px; margin: 60px 0;}


@media (max-width: 700px){

    .shop_basket table .headingrow{display: none;}

    .shop_basket table, .shop_basket table tbody, .shop_basket table tr{ display: block; width: 100%; }

    .shop_basket table tr{ margin-bottom: 15px; width: 100%;}

    .shop_basket table td, .shop_basket table th{ padding: 6px; text-align: right;}
    .shop_basket table td{display: flex; justify-content: space-between; width: 100%;}
    .shop_basket table th:last-child, .shop_basket table td:last-child{max-width: unset;}

    .shop_basket table td::before{margin-right: 10px;}
    .shop_basket table td.name::before{ content: "Description"; font-weight: bold; }
    .shop_basket table td.price::before{ content: "Price"; font-weight: bold; }
    .shop_basket table td.total{display: none;}
    .shop_basket table td.remove::before{ content: ""; }
    
    .shop_basket table tr.totaltotalrow, .shop_basket table tr.paymenttotalrow{display: flex; justify-content: space-between; background-color: var(--light-grey);}
    .shop_basket table tr.totaltotalrow th:last-child, .shop_basket table tr.paymenttotalrow th:last-child{display: none;}

}

/* Video Overlay */

.video-play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.video-play-btn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  padding: 0;
  margin: 0;
}

.video-play-btn:hover {
  background: rgba(0, 0, 0, 0.8);
  transform: scale(1.08);
  transition: transform 0.15s ease, background 0.15s ease;
}

.video-play-btn svg {
  width: 24px;
  height: 24px;
  fill: #fff;
  display: block;
}

@media (max-width: 768px) {
  .video-play-overlay {
    display: none;
  }
}