/**
 * @file
 * Subtheme specific CSS.
 */




body {
font-family: georgia, sans-serif;
font-weight: 400;
font-style: normal;
}

.node--type-page #page,
.path-frontpage #page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


ol li::marker {
font-weight: bold;
}


h1, h2, h3, h4, h5, h6 .nav-link {
font-family: "brandon-grotesque", sans-serif;
font-weight: 700;
font-style: normal;
}

.nav-link {
font-family: "brandon-grotesque", sans-serif;
font-weight: 400;
font-style: normal;
  text-transform: uppercase !important;
}

.font-brandon-grotesque {
font-family: "brandon-grotesque", sans-serif;
}

.font-brandon-grotesque-bold {
font-family: "brandon-grotesque", sans-serif;
font-weight: 700;
}

.navbar-brand img {
height: 30px;
}


.urun-title .urun-baslik {
  padding: 1.25rem 3.75rem !important;
  background-color: white;
}


.ul-tire li::marker {
  content: "- ";
}

/**
 * @ betaserc
 */
.urun-title-hr-betaserc {
  border: 1px solid #005074 !important;
  opacity: 1 !important;
}

.baslik-border-color-betaserc {
  border: 2px solid #005074 !important;
color: #005074;
}

.bg-renk-betaserc {
background-color: #005074;
}


/**
 * @ brufen
 */
.urun-title-hr-brufen {
  border: 1px solid #bc0062 !important;
  opacity: 1 !important;
}

.baslik-border-color-brufen {
  border: 2px solid #bc0062 !important;
color: #bc0062;
}


.bg-renk-brufen {
background-color: #bc0062;
}



/**
 * @ Darob 
 */

.urun-title-hr-darob  {
  border: 1px solid #fb001b !important;
  opacity: 1 !important;
}

.baslik-border-color-darob {
  border: 2px solid #fb001b !important;
color: #fb001b;
}

.bg-renk-darob {
background-color: #fb001b;
}


/**
 * @ Dicetel  
 */

.urun-title-hr-dicetel   {
  border: 1px solid #00b140 !important;
  opacity: 1 !important;
}

.baslik-border-color-dicetel  {
  border: 2px solid #00b140 !important;
color: #00b140;
}

.bg-renk-dicetel {
background-color: #00b140;
}




/**
 * @ Duphalac  
 */

.urun-title-hr-duphalac   {
  border: 1px solid #00b429 !important;
  opacity: 1 !important;
}

.baslik-border-color-duphalac  {
  border: 2px solid #00b429 !important;
color: #00b429;
}


.bg-renk-duphalac {
background-color: #00b429;
}




/**
 * @ duphaston 
 */

.urun-title-hr-duphaston   {
  border: 1px solid #7a2682 !important;
  opacity: 1 !important;
}

.baslik-border-color-duphaston  {
  border: 2px solid #7a2682 !important;
color: #7a2682;
}


.bg-renk-duphaston {
background-color: #7a2682;
}


/**
 * @ duspatalin 
 */

.urun-title-hr-duspatalin   {
  border: 1px solid #00b429 !important;
  opacity: 1 !important;
}

.baslik-border-color-duspatalin  {
  border: 2px solid #00b429 !important;
color: #00b429;
}

.bg-renk-duspatalin {
background-color: #00b429;
}



/**
 * @ faverin 
 */

.urun-title-hr-faverin   {
  border: 1px solid #009de3 !important;
  opacity: 1 !important;
}

.baslik-border-color-faverin  {
  border: 2px solid #009de3 !important;
color: #009de3;
}

.bg-renk-faverin {
background-color: #009de3;
}



/**
 * @ gopten  
 */

.urun-title-hr-gopten   {
  border: 1px solid #fb001b !important;
  opacity: 1 !important;
}

.baslik-border-color-gopten  {
  border: 2px solid #fb001b !important;
color: #fb001b;
}


.bg-renk-gopten {
background-color: #fb001b;
}





/**
 * @ hytrin  
 */

.urun-title-hr-hytrin   {
  border: 1px solid #62666a !important;
  opacity: 1 !important;
}

.baslik-border-color-hytrin  {
  border: 2px solid #62666a !important;
color: #62666a;
}

.bg-renk-hytrin {
background-color: #62666a;
}




/**
 * @ isoptin  
 */

.urun-title-hr-isoptin   {
  border: 1px solid #fb001b !important;
  opacity: 1 !important;
}

.baslik-border-color-isoptin  {
  border: 2px solid #fb001b !important;
color: #fb001b;
}


.bg-renk-isoptin {
background-color: #fb001b;
}



/**
 * @ ibufen  
 */

.urun-title-hr-ibufen   {
  border: 1px solid #bc0062 !important;
  opacity: 1 !important;
}

.baslik-border-color-ibufen  {
  border: 2px solid #bc0062 !important;
color: #bc0062;
}

.bg-renk-ibufen {
background-color: #bc0062;
}




/**
 * @ klacid  
 */

.urun-title-hr-klacid   {
  border: 1px solid #005074 !important;
  opacity: 1 !important;
}

.baslik-border-color-klacid  {
  border: 2px solid #005074 !important;
color: #005074;
}

.bg-renk-klacid {
background-color: #005074;
}




/**
 * @ kreon  
 */

.urun-title-hr-kreon   {
  border: 1px solid #00b429 !important;
  opacity: 1 !important;
}

.baslik-border-color-kreon  {
  border: 2px solid #00b429 !important;
color: #00b429;
}

.bg-renk-kreon {
background-color: #00b429;
}




/**
 * @ lipanthyl  
 */

.urun-title-hr-lipanthyl   {
  border: 1px solid #fb001b !important;
  opacity: 1 !important;
}

.baslik-border-color-lipanthyl  {
  border: 2px solid #fb001b !important;
color: #fb001b;
}


.bg-renk-lipanthyl {
background-color: #005074;
}



/**
 * @ rytmonorm  
 */

.urun-title-hr-rytmonorm   {
  border: 1px solid #fb001b !important;
  opacity: 1 !important;
}

.baslik-border-color-rytmonorm  {
  border: 2px solid #fb001b !important;
color: #fb001b;
}


.bg-renk-rytmonorm {
background-color: #fb001b;
}




/**
 * @ sormodren  
 */

.urun-title-hr-sormodren   {
  border: 1px solid #009de3 !important;
  opacity: 1 !important;
}

.baslik-border-color-sormodren  {
  border: 2px solid #009de3 !important;
color: #009de3;
}


.bg-renk-sormodren {
background-color: #009de3;
}




/**
 * @ teveten-plus  
 */

.urun-title-hr-teveten-plus   {
  border: 1px solid #fb001b !important;
  opacity: 1 !important;
}


.baslik-border-color-teveten-plus  {
  border: 2px solid #fb001b !important;
color: #009de3;
}


.bg-renk-teveten-plus {
background-color: #fb001b;
}

/**
 * @ urunler 
 */

.urun-title-hr-urunler   {
  border: 1px solid #009de3 !important;
  opacity: 1 !important;
}

.baslik-border-color-urunler  {
  border: 2px solid #009de3 !important;
color: #009de3;
}







.m-social-media-baslik{
    padding-top: 1rem;
}

.m-social-media li {
margin-left: .5rem;
}




.swiper-button-prev, .swiper-button-next {
  color: var(--swiper-navigation-color, #fff);
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #fff);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.6);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 18px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 18px));

}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}