/*
Theme Name: Nadracardcenter Custom Theme
Theme URI: https://www.nadracardcenter.co.uk/
Author: Nadra Card Center Team
Author URI: https://www.nadracardcenter.co.uk/
Description: Nadracardcenter Custom Theme is a service-focused, responsive WordPress theme designed for government service providers, ID card centers, and citizen support platforms. It features structured layouts, customizable sections for services and applications, multilingual support, and tools to highlight identity services, FAQs, and contact information.
Version: 1.0
Text Domain: nadracardcenter
Tags: government, services, identity, support, responsive, custom-theme
*/



* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

  font-family: "Helvetica Neue", "Helvetica", "Liberation Sans", "Arial", sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 15px 0;

}



h1 {

  font-size: 35px;

  line-height: 45px;

}



h2 {

  font-size: 30px;

  line-height: 40px;

}



h3 {

  font-size: 25px;

  line-height: 35px;

}



h4 {

  font-size: 22px;

  line-height: 32px;

}



h5 {

  font-size: 20px;

  line-height: 30px;

}



h6 {

  font-size: 18px;

  line-height: 28px;

}



p {

  font-size: 18px;

  margin-bottom: 12px;

  margin-top: 5px;

  line-height: 26px;

  font-weight: normal;

  font-family: normal;

}



a {

  color: #169bc5;

  text-decoration: none;

}

.accordionButton h3 {
    font-weight: 800 !important;
}

.container {

  max-width: 1400px;

  margin: 0 auto;

  padding: 0 15px;

}


.toplist-sweepstakes__offer-title {
    display: none;
}
.nadracardcenter-content-part-area {

  font-size: 16px;

  line-height: 26px;

  padding-top: 20px;

  font-weight: normal;

  margin-bottom: 30px;

}



.nadracardcenter-content-part-area table tr td, .nadracardcenter-content-part-area table tr th {

  border: 1px solid #000;

  padding: 10px;

  font-size: 16px;

}



.nadracardcenter-content-part-area table {

  margin: 25px 0;

  border-collapse: collapse;

  width: 100%;

}



.table-auto {

  overflow-x: auto;

}



.aligncenter,

#column-wrap img {

  display: block;

  margin: auto;

}



.nadracardcenter-content-part-area dl {

  margin: 20px;

  padding: 0;

  font-family: Arial, sans-serif;

  border: 1px solid #ddd;

  border-radius: 5px;

  background-color: #f9f9f9;

}



.nadracardcenter-content-part-area dt {

  font-weight: bold;

  margin: 10px 0 5px;

  padding: 10px;

  background-color: #eee;

  border-bottom: 1px solid #ddd;

}



.nadracardcenter-content-part-area dd {

  margin: 0 0 10px 20px;

  padding: 10px;

  border-left: 2px solid #ddd;

  background-color: #fff;

}



.nadracardcenter-content-part-area p+div {

  margin-bottom: 10px;

}



.nadracardcenter-content-part-area blockquote {

  padding: 45px 40px 45px;

  background: #ebebeb;

  border-left: 5px solid #000000;

  position: relative;

  margin: 20px auto;

}



.nadracardcenter-content-part-area blockquote:before {

  position: absolute;

  content: open-quote;

  font-size: 3em;

  margin-left: 10px;

  margin-top: 10px;

  left: 0;

  top: 1rem;

}



.nadracardcenter-content-part-area blockquote:after {

  position: absolute;

  content: close-quote;

  font-size: 3em;

  bottom: 0;

  right: 0;

  margin-right: 0.4em;

  margin-bottom: 0em;

}



.nadracardcenter-content-part-area blockquote p {

  display: inline;

  color: #000;

}



.mobile-menu {

  display: none;

}



li.menu-item-has-children::after {

	position: absolute;

	content: "\f107";

	font: normal normal normal 18px / 1 FontAwesome;

	top: 2px;

	right: 5px;

	color: #fff;

}



body li.menu-item-has-children .sub-menu li.menu-item-has-children::after{

  color: #000;

}



.img-responsive img {

  width: 100%;

  display: block;

  margin: auto;

}



li.menu-item-has-children {

  position: relative;

}



.nadracardcenter-content-part-area ul {

  list-style-type: disc;

  padding-left: 30px;

}



.nadracardcenter-content-part-area ol {

  padding-left: 30px;

  list-style: decimal;

}



.nadracardcenter-content-part-area ul li {

  list-style: disc;

}



.nadracardcenter-content-part-area li {

  font-size: 18px;

  margin-bottom: 6px;

  line-height: 24px;

}



.nadracardcenter-content-part-area ol li::marker,

.nadracardcenter-content-part-area ul li::marker {

  font-weight: 600;

}



.nadracardcenter-content-part-area .campaign-compact-table__offer-key-features ul {

  padding-left: 0;

}



.nadracardcenter-content-part-area .campaign-compact-table__offer-key-features ul li {

  list-style: none;

}



/* su-button css */

.nadracardcenter-content-part-area .su-button {

  border-color: transparent !important;

  background: #000000 !important;

  color: #fff !important;

  border-radius: 8px !important;

  border: 0 !important;

  margin: 10px 0;

}



.nadracardcenter-content-part-area .su-button span {

  font-size: 16px !important;

  padding: 0px 16px !important;

  color: #fff !important;

  border-color: transparent !important;

  border: 0;

  border-radius: 8px !important;

  font-weight: 700;

  text-transform: uppercase;

}



.nadracardcenter-content-part-area .su-button:hover {

  background: #2e4147 !important;

}



.nadracardcenter-content-part-area .su-button:hover span {

  top: 0;

}



/* su-button css */

.campaign-list-item {

  background: #fff;

}



.campaign-compact-table__offers-wrapper .campaign-compact-table__offer td {

  border: 0;

}



.campaign-list-item_key-features ul,

td.campaign-compact-table__offer-key-features ul,

.toplist-poker__filter,

.toplist-poker-v2__offer-key-features ul,

.toplist-poker-compact__offer-key-features ul,

.toplist-flagship-crypto__offer-key-features ul,

.toplist-cardplayer__offer-inner .toplist-cardplayer__offer-key-features,

.dw-toplist-sp__offer-main .dw-toplist-sp__offer-key-features,

.dw-toplist-ct__offer-features .dw-toplist-ct__offer-key-features,

.toplist-99bitcoins__offer .toplist-99bitcoins__offer-key-features,

.toplist-99bitcoins-poker__offer .toplist-99bitcoins-poker__offer-key-features {

  padding-left: 0;

}



.toplist-tech__offer-inner .toplist-tech__offer-cta-btn {

  color: #f4e6ca;

}



.campaign-list-item .campaign-list-item_cta-btn,

.campaign-fullwidth-shortcode_item_face-wrapper .slider-item_cta-button,

.toplist-poker-v2__offer-buttons .toplist-poker-v2__offer-cta-btn,

.toplist-poker-compact__offer-extra .toplist-poker-compact__offer-cta-btn,

.toplist-flagship-crypto__offer-sidebar .toplist-flagship-crypto__offer-visit-link,

.toplist-outlook-india__offer .toplist-outlook-india__offer-cta-btn,

.toplist-poka__offer-cta-w-payments .toplist-poka__offer-cta-btn,

.toplist-cardplayer__offer-actions .toplist-cardplayer__offer-cta-btn,

.toplist-rivertimes__offer a.toplist-rivertimes__offer-cta-btn {

  color: #fff;

}



.campaign-list-item .campaign-list-item_key-features ul li,

.campaign-compact-table__offer .campaign-compact-table__offer-key-features li,

.toplist-poker-v2__offer-body .toplist-poker-v2__offer-key-features li,

.toplist-poker-compact__offer-body .toplist-poker-compact__offer-key-features li,

.toplist-flagship-crypto__offer-main .toplist-flagship-crypto__offer-key-features ul li,

tr.campaign-compact-table__offer .campaign-compact-table__offer-key-features li,

.dw-toplist-sp__offer-main .dw-toplist-sp__offer-key-features li,

.dw-toplist-ct__offer-features .dw-toplist-ct__offer-key-features li,

.toplist-99bitcoins__offer .toplist-99bitcoins__offer-key-features li,

.toplist-99bitcoins-poker__offer .toplist-99bitcoins-poker__offer-key-features li {

  list-style: none;

}



.toplist-poker__offer-cta-wrapper .toplist-poker__offer-cta-btn,

.toplist-ct__offer-actions .toplist-ct__offer-cta-btn {

  color: #0B062B;

}



.toplist-poker-compact__offer-extra .toplist-poker-compact__offer-rakeback {

  display: none;

}



.toplist-newsbtc__offer-cta-btn,

.toplist-htmq__offer-cta-btn,

.dw-toplist-nb__offer-cta-btn,

.dw-toplist-cp__offer-cta-btn,

.dw-toplist-sp__offer-cta-btn,

.dw-toplist-ct__offer-cta-btn,

.toplist-99bitcoins__offer-cta-btn,

.toplist-99bitcoins-poker__offer-cta-btn,

.toplist-iwcasino__offer-cta-btn,

.toplist-nokyc__offer-cta-btn,

.toplist-sportscasting__offer-cta-btn,

.toplist-casinoscout__offer-cta-btn {

  text-decoration: none;

}



ul.wp-menu {

  list-style: none;

  margin: 0;

  padding-left: 0;

  display: flex;

  flex-wrap: wrap;

}



.logo-menu-part {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.site-logo {

	width: 300px;

	margin-right: 20px;

}



.logo-present{

  width: 270px;

}



.site-logo img {

  max-width: 100%;

  height: auto;

}



ul.sub-menu {

	list-style: none;

	padding: 10px 0;

	position: absolute;

	left: 0;

	display: none;

	z-index: 9999;

	width: 200px;

	background-color: #fff;

	margin-left: 0;

}



body li.menu-item-has-children .sub-menu li.menu-item-has-children > .sub-menu {

  left: 100%;

  top: 0;

  display: none;

}



ul.wp-menu li .sub-menu a {

  color: #000;

  text-decoration: none;

  font-weight: 400;

  font-style: normal;

}



ul.wp-menu ul.sub-menu li {

  padding-right: 0;

}



body ul.sub-menu li a {

  width: 100%;

  display: block;

  padding: 5px;

  color: #fff;

  border: none;

}



ul.wp-menu li .sub-menu a:hover {

  color: #169bc5;

}



ul.wp-menu {

  margin: 0;

}



ul.wp-menu li {

  padding-right: 25px;

  margin-top: unset;

  line-height: inherit;

  padding-left: 10px;

}



ul.wp-menu li a {

  color: #fff;

  text-decoration: none;

  font-weight: 400;

  font-style: normal;

}



ul.wp-menu li a {

  font-size: 18px;

}





ul.wp-menu li a:hover,

ul.wp-menu li.current_page_item a {

  color : #FFF;

}



.site-logo a {

  font-size: 22px;

  color: #fff;

}



.site-logo a:hover {

  color: #FFF;

}



footer.footer {

  color: #fff;

  padding: 10px 0;

  background: #0d1519;

  margin-top: 0;

}



footer.footer p {

  margin: 0;

  color: #fff;

  font-family: inherit;

}



.text-center {

  text-align: center;

}



.site-logo img {

  max-width: 100%;

  height: auto;

  display: block;

  width: 100%;

}



.content-area {

  margin-top: 1.25rem;

}



.img-responsive {

  max-width: 100%;

  height: auto;

}



/*AUTHOR SECTION START*/



/****************** Author Section ****/

.author-info--last-updated b {

  color: #fff;

  font-size: 16px;

  line-height: 18px;

  margin-top: 4px;

}



.author-info--name b {

  color: inherit;

  font-size: 16px;

  font-weight: 700;

  line-height: 21px;

  text-transform: capitalize;

}



.author-info--name a {

  color: #fff;

  font-weight: 400;

}



.author-info--name a:hover {

  text-decoration: underline;

  color: #000;

}



.author-info {

  color: #fff;

  margin-right: 10px;

  max-width: 100%;

}



.post-info-container .author-avatar--link img {

  border-radius: 40px;

  display: block;

  object-fit: cover;

  height: 48px;

  width: 48px;

}



.author-info--container {

  display: flex;

  align-items: center;

}



.post-info-container {

  display: flex;

  flex-wrap: wrap;

  background: #169bc5;

  border-radius: 12px;

  padding: 15px;

  margin-bottom: 20px;

}



.author-avatar--link {

  margin: 0 10px 0px 0;

}



.author-info--name--container {

  align-items: center;

  display: flex;

}



.author-info--badge {

  display: flex;

  margin-left: 10px;

}



/*AUTHOR SECTION END*/



.visible-xs,

tr.visible-xs,

th.visible-xs,

td.visible-xs {

  display: none !important;

  width: 100%;

}



.dropdown-toggle::after {

  content: unset;

}



#navigation {

  position: unset;

}



#content_teaser {

  height: 100px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.mobile-menu i::before {

  color: #fff;

}



/*** main author page ***/

.profile-tab-content {

  padding: 30px 0;

}



.main-header {

  max-width: 100%;

  padding: 15px 0;

  background: #ffffff;

  box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 24px;

}



.profile-header-container {

  display: flex;

  align-items: center;

  gap: 30px;

}





.header-avatar-container img {

  padding: 0;

  border: 0;

  width: 75px;

  height: 75px;

  object-fit: cover;

}



.header-profile-details {

  width: calc(100% - 30px - 75px);

}



.header-profile-details h2 {

  font-size: 30px;

  margin-bottom: 0;

  margin-top: 0;

}



.profile-fields-group.profile-fields-group-1 {

  border: 1px solid #eee;

  margin: 1.5rem 0 0;

  padding: 15px 20px;

  border-top-right-radius: 3px;

  border-top-left-radius: 3px;

}



.profile-fields-group.profile-fields-group-1 h3 {

  margin-top: 0;

  margin-bottom: 0;

}



.author-f-name {

  display: flex;

  gap: 15px;

  font-size: 20px;

}



.author-f-name .label,

.author-description-name .label {

  font-weight: 600;

}



.author-description-name {

  margin-top: 20px;

  font-size: 20px;

}



.profile-fields-table {

  margin-top: 10px;

}



.header_view, .header_view .download {

	display: flex;

	flex-direction: column;

}



.header_view a, .header_view span {

	font-size: 16px;

	color: black;

	margin-bottom: 18px;

	font-weight: 500;

}



.header_view a:hover, .header_view span:hover {

	color: #169bc5;

}





.header-section {

	max-width: 100%;

	padding: 15px 0;

	box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 10px;

	background-color: #000;

}



/* .page-wrapper {

	margin: 35px 0;

} */



div.main-container {

	padding-left: 0;

}





#main {

	padding: 20px 0px;

}

ul#menu-footer-menu {
    display: flex;
    justify-content: center;
    list-style: none;
    flex-wrap: wrap;
    padding: 10px 0;
    gap: 20px;
}

ul#menu-footer-menu a {
    color: #fff;
}

/* common media */

@media screen and (min-width: 992px) {

  ul.wp-menu {

    width: calc(100% - 220px - 20px);

    margin-left: auto;

    justify-content: flex-end;

  }



  /* Prevent Submenu Cutoff at Right Edge */

  .wp-menu>li:last-child .sub-menu {

    left: auto;

    right: 0;

  }



  .wp-menu>li:last-child .sub-menu .sub-menu {

    left: auto;

    right: 100%;

  }



  body li ul.sub-menu > .sub-menu li.menu-item-has-children:hover {

    display: block !important;

  }



  li.menu-item-has-children:hover ul.sub-menu {

    display: block;

  }



  body li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > .sub-menu {

    display: block;

  }



  body .cmp_announcements {

    margin-left: auto;

    margin-right: auto;

  }



  .cmp_announcements article {

    text-align: left;

  }

}



@media (max-width:1200px) {

  ul.wp-menu {

    width: 100%;

  }

}



@media screen and (max-width: 991px) {

  .site-logo a {

    word-wrap: break-word;

  }



  h1.entry-title,

  h1 {

    font-size: 32px;

    line-height: 40px;

  }



  h2 {

    font-size: 28px;

    line-height: 36px;

  }



  h3 {

    font-size: 22px;

    line-height: 30px;

  }



  h4 {

    font-size: 20px;

    line-height: 28px;

  }



  h5 {

    font-size: 18px;

    line-height: 26px;

  }



  h6 {

    font-size: 16px;

    line-height: 22px;

  }



  .table-auto {

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }



  .nadracardcenter-content-part-area table {

    display: block;

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }



  .header-section {

    padding: 10px 0;

    position: relative;

  }



  .nadracardcenter-content-part-area {

    padding-top: 10px;

  }



  .mobile-menu {

    display: block;

  }



  .mobile-menu i {

    font-size: 25px;

  }



  ul.wp-menu {

    position: absolute;

    width: 100%;

    left: 0;

    background: #f7f7f7;

    top: 100%;

    display: none;

    z-index: 999;

  }



  ul.wp-menu li,

  ul.wp-menu ul.sub-menu li {

    padding-right: 10px;

    width: 100%;

  }



  li.menu-item-has-children:hover ul.sub-menu {

    display: none;

  }



  li.menu-item-has-children:after,

  .dropdown-toggle::after {

    display: none;

  }



  ul.wp-menu li a {

    width: 100%;

    display: block;

    padding: 10px;

    color: #000;

    word-break: break-word;

    white-space: normal;

    font-size: 16px;

    line-height: 22px;

  }



  ul.wp-menu li.menu-item-has-children>a {

    padding-right: 32px;

  }



  span.toggle-menu {

    float: right;

    margin-top: 0;

    position: absolute;

    top: 12px;

    right: 13px;

    z-index: 99;

    width: 20px;

    height: 20px;

    text-align: center;

    transition: transform 0.3s ease;

  }



  span.toggle-menu.on {

    transform: rotate(180deg);

  }



  ul.sub-menu {

    position: relative;

    width: 100%;

  }



  .nadracardcenter-content-part-area table tr td {

    white-space: nowrap;

  }



  .nadracardcenter-content-part-area .su-button {

    margin: 15px 0;

  }



  .Content_Zone .Type_SocialButtons {

    width: 100% !important;

  }



  .site-logo a {

    font-size: 18px;

  }





  .nadracardcenter-content-part-area .su-button span {

    padding: 8px 16px !important;

    line-height: 1.5 !important;

  }



  footer.footer {

    padding: 10px 15px;

  }



  ul.wp-menu li a:hover, ul.wp-menu li.current_page_item a {

    color: #169bc5;

  }



  body li.menu-item-has-children .sub-menu li.menu-item-has-children > .sub-menu{

    left: unset;

  }

}



@media screen and (max-width: 782px) {

  html {

    margin-top: 0 !important;

  }

}





@media (max-width: 767px) {

  .visible-xs {

    display: block !important;

  }

}

@media only screen and (min-width: 579px) and (max-width: 991px)  {
.nadracardcenter-content-part-area table {
  display: table !important;
}
}



/*AUTHOR SECTION START*/
.main-title{
    text-align:left;
}
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
   background: unset;
    border-radius: 10px;
    padding: 0px;
    
}
.author_imag img {
    width: 60px;
    min-width:60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
.name_author_out {
    display: flex;
}
.name_author_out span.lbl {
    margin-right: 5px;
}
.name_author_out h4 {
    margin: 0;
    color: #000;
    line-height: 24px;
    font-size: 18px;
    font-weight: normal;
}
.name_author_out p{
margin:0 !important;
}
 
 
/*AUTHOR SECTION And Page START*/
 
.main-title {
    text-align: left;
}
 
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.name_author_out {
    display: flex;
    align-items: center;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out h4,
.name_author_out p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
 
.name_author_out a p {
    font-weight: 600;
    font-size: 16px;
}
 
.name_author_out a:hover p {
    color: #ea0101;
}
 
.modifyDetails {
    background: unset;
    border-radius: 20px;
    padding: 0px;
    margin-bottom: 20px;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.author_imag {
    line-height: 0;
}
 
.name_author_out {
    display: flex;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out a {
    color: inherit;
}
 
/*Author Page css*/
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-header-container {
    display: flex;
    align-items: center;
    gap: 30px;
}
 
.header-avatar-container img {
    padding: 0;
    border: 0;
    width: 75px;
    height: 75px;
    object-fit: cover;
}
 
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-fields-group.profile-fields-group-1 {
    border: 1px solid #eee;
    margin: 1.5rem 0 0;
    padding: 15px 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    letter-spacing: 1px;
}
 
.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
}
.home-page.author-box-wrapper {
    padding: 30px 0;
    box-shadow: none;
}
 
.author-f-name .label, .author-description-name .label {
    font-weight: 600 !important;
    font-size: inherit;
    line-height: inherit;
    background: transparent;
    color: inherit;
    padding: 0px;
}
 
.author-f-name {
    display: flex;
    gap: 15px;
    font-size: 20px;
}
 
.author-description-name {
    margin-top: 20px;
    font-size: 20px;
}
.name_author_out a:hover,
.name_author_out a:hover p {
    color: #000 ;
    text-decoration-color: #000 ;
}
 
/*AUTHOR SECTION And Page END*/