/* variable declaration */
/*
:root {
  --primary-one: #000000;
  --primary-two: #c08007;
  --primary-three: #ce9d40;
  --secondary-one: #6c757e;
  --secondary-two: #e8bc35;
  --secondary-three: #edd976;
  --secondary-four: #d6d2c6;
  --secondary-five: #ebe9e3;
  --Error: #f2dede;
  --Warning: #fcf8e3;
  --Success: #dff0d8;
  --white: #f8f9fb;
  --pur-white: #ffffff;
  --blue-link: #004280;
  --header-back: #fcf5e5;
  --placeholder-color: #8e8e8e;
  --header-input-border: #c7c7c7;
  --primary-border: #ddd;
  --primary-shadow: #eee;
  --active-slider-indicator: #aca99e;
  --blockword-orange: #ce9d40;
  --gray-font: #6c757e;
  --sider-indicator: rgba(172, 169, 158, 0.5);
  --welcome-menu: #712c01;
  --welcome-menu-icon-bg: #da7213;
  --black-overlay: rgba(0, 0, 0, 0.5);
  --login-focus: #86b7fe;
  --mobile-login-button: #ffd700;
  --checkbox-color: #003cc5;
  --slider-icon: #7f7f7f;
}
*/
/* variable declaration */

.container-fluid {
  max-width: 1536px;
  margin: auto !important;
  padding: 20px !important;
  padding-top: 0 !important;
}

header .container-fluid {
  max-width: 1536px;
  margin: auto !important;
  padding: 0px !important;
  position: relative;
}
footer .container-fluid {
  max-width: 1536px;
  margin: auto !important;
  padding: 0px !important;
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
  padding: 0px !important;
}
/* search page */
.coin-search-order {
  display: grid;
}

.coin-search-order .view-header {
  order: 2;
}

.coin-search-order .view-filters {
  order: 1;
}

.coin-search-order .view-content {
  order: 3;
}
.coin-search-order .pager {
  order: 4;
  margin-top: 10px;
}
.coin-search-order .view-filters .form--inline.clearfix {
  padding: 0;
}
.coin-row-border:last-child .views-col {
  border-bottom: none;
}

.coin-row-border .views-col {
  border-bottom: 1px solid var(--secondary-four);
  padding-bottom: 20px;
  padding-top: 20px;
}
.coin-row-border .coin-detail-page-text * {
  padding-top: 10px;
}
/* search page */

/* statement page */

.coin-iframe iframe {
  width: 100% !important;
}

.app-content.mt-0 {
  margin: 0;
}
.app-content button {
  margin-top: 10px;
}

.app .horizontalMenucontainer {
  background: var(--white);
}

body header:nth-of-type(1) > nav {
  background: #00426A !important;
}

footer .container-fluid {
  max-width: 100%;
}
.node--unpublished {
  background-color: transparent;
}

:root {
  --primary-one: #000000;
  --primary-two: #c08007;
  --primary-three: #ce9d40;
  --secondary-one: #6c757e;
  --secondary-two: #e8bc35;
  --secondary-three: #edd976;
  --secondary-four: #d6d2c6;
  --secondary-five: #ebe9e3;
  --secondary-six: #aca99e;
  --secondary-seven: #da7213;
  --secondary-eight: #004280;
  --secondary-nine: #ffd700;
  --secondary-ten: #712c01;
  --secondary-eleven: #c7c7c7;
  --secondary-twelve: #fcf5e5;
  --secondary-thirteen: #ff4d4d;
  --Error: #f2dede;
  --Warning: #fcf8e3;
  --Success: #dff0d8;
  --white: #ffffff;
  --pur-white: #ffffff;
  --blockword-orange: #AB2328;
  --hyperlink-color: #c08007;
  --gray-font: #6c757e;
  --sider-indicator: rgba(172, 169, 158, 0.5);
  --black-overlay: rgba(0, 0, 0, 0.5);
  --placeholder-color: #aca99e;
  --primary-border: #c7c7c7;
  --primary-shadow: #6c757e;
  --live-ticker-bg: #00426A;
  --news-card: rgba(214, 210, 198, 0.5);
  --login-focus: #86b7fe;
  --checkbox-color: #003cc5;
  --header-input-border: #c7c7c7;
  --blue-button:#00426A;
}
/* detail page image alifnment */
.coin_inline_embedded_image{
  padding:0px 20px 20px 0px;
}
.align-right .coin_inline_embedded_image {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
.coin_inline_embedded_image{
  padding:0 !important;
  margin-bottom: 20px;
}
  
}
body main a:hover{
  text-decoration: underline !important;
}
body main a {
  transition: text-decoration-color 300ms;
}

/* .coin-hide-editorial-toolbar {
  display: none;
}

.coin-menu-show {
  display:block !important;
} */
h1{
  font-size:36px !important;
}
h2{
  font-size:26px !important;
}
h3{
  font-size:26px !important;
}
h4{
  font-size:22px !important;
}
h5{
  font-size:18px !important;
}
h6{
  font-size:18px !important;
}


/* header toggle */
header .menu-item .menu_link_content {
  width: 20px;
}

header .menu-item {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding: 0.5rem !important;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px;
  align-items: center;
}
header .region-nav-main ul.menu {
  background: #F4F2EF;
  margin: 0;
  padding: 0 !important;
  padding-inline: 10px !important;
}

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

  
  header .navbar-toggler  {z-index: 402;left: 1%;top: 0;position: absolute;padding-inline: 0;}
  header nav.navbar.navbar-expand-lg.navbar-light.text-dark.bg-light {
    padding-top: 20px;
}
header nav.navbar.navbar-expand-lg.navbar-light.text-dark.bg-light {
  padding-top: 20px;
}
  header .region-nav-main {
      overflow: hidden;
      position: absolute;
      background: #fff;
      transition: 0.3 all;
      transition: all 0.3s ease-in-out;
      left: 0;
      top: -8%;
      z-index: 99;
      min-height: 100%;
      border-radius: 6px;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0s linear 0.33s, opacity 0.33s linear;
      padding-top: 48px;
  }
  header .navbar-expand-lg .navbar-toggler{
      display:block;
  }
  
  header .navbar-expand-lg .navbar-collapse ul.menu{
      padding-top: 25px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end !important;
      gap: 0;
  }
  /* header .menu-item {
      font-weight: 500;
      font-size: 19px;
      line-height: 19px;
      padding: 0.25rem !important;
  } */
  header button.navbar-toggler.collapsed {
      border-color: transparent;
      position: absolute !important;
      left: 1%;
  }

  
  /* icon postion absolute */
  
header div#block-bootstrap5-coin-branding {
  position: absolute;
  bottom: -100%;
  left: calc(50% - 50px);
  right: 50%;
  z-index: 99;}

header .navbar .container-fluid{
    display: unset !important;
}



header .coin-search-form input[type="search"] {
    position: absolute;
    width: 200px;
    right: 8%;
}

.coin-profile-dropdown-toggle {
    overflow: hidden;
}



.coin-profile-dropdown {
    width: fit-content;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 10px;
}

}
header .region-nav-main .navbar-nav{
  display: flex;
  flex-direction: column;
  background: silver;
}
header .navbar-expand-lg .navbar-collapse.show .region-nav-main {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  display: block;
  z-index: 400;
  }


/* search for mobile view */

@media only screen and (max-width: 992px) {
  .mobile-search{
     display: block !important;
   }   
     .mobile-search .coin-search-form input[type="search"] {
     position: inherit;
 }
 .mobile-search .coin-search-form::after{
     top: 0;
     right: 1%;
 }
 .mobile-search{
     width:50%;
     margin-bottom: 20px;
     margin-top: 20px;
     position: relative;
 }
 }
 .mobile-search{
     display: none;
   } 

   /* handburger-icon */
   header .navbar-toggler .navbar-toggler-icon {
    background-image: url(../images/handbur-menu.png);
}
header .navbar-toggler.collapsed .navbar-toggler-icon {
  background-image: url(../images/handbur-menu.png);
}

/* header menu for mobile view */

@media only screen and (max-width: 991px) {
  header div#block-bootstrap5-coin-branding {
    position: absolute;
    bottom: -70%;
    left: calc(50% - 35px);
    right: 50%;
    z-index: 99;
}
header .coin-search-form::before {
  display: none;
}

header .coin-search-form input[type="search"], header .coin-search-form::after{
    display:none
}

.coin-profile-dropdown {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 4px;
}
header .navbar-brand img{
    width: 70px;
    height: auto;
}
header .navbar-toggler{
    position: absolute;
    left: 0;
    padding: 0;
    z-index: 401 !important;
}

header nav.navbar .container-fluid {
  flex-direction: row-reverse;
}

header .region-nav-main{
  padding-top: 42px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.33s, opacity 0.33s linear;
  background: #fff;
}
}

/* contact hr mobile view */

@media (max-width: 991px) {
  .region.region-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items:center;
  gap:10px;
  justify-content: center;
}

.region.region-breadcrumb div#block-bootstrap5-coin-breadcrumbs {
  width:100%
}

.region.region-breadcrumb .mobile-hr-form  {width: fit-content;display: block !important;}
.region.region-breadcrumb .mobile-hr-form a{
  background: #AB2328 !important;
  border-radius: 4px;
  border: none;
  padding: 10px 14px;
  color: #fff;
  text-decoration: none;
}
.region.region-breadcrumb .mobile-hr-form .ajax-progress{
  display:none
}    
}
.region.region-breadcrumb .mobile-hr-form {
  display: none;
}