/** Custom Styles for Running Store Demo **/
.logo {
    max-height: 42px;
}

@media all and (max-width: 767px) {
   .logo {
       max-height: 32px;
   }
}

/* THIS IS WHERE YOU IMPORT THE WEB FONTS */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

/* THIS IS WHERE YOU DECLARE YOUR CSS CLASS FOR THE FONT YOU ARE IMPORTING */  and /* THIS IS WHERE YOU PICK THE FONT-FAMILY NAME PER COMPONENT */
.libre-baskerville-regular {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}

.libre-baskerville-bold {
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  font-style: normal;
}

.libre-baskerville-regular-italic {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic;
}

/* THIS IS WHERE YOU PICK THE FONT-FAMILY NAME PER COMPONENT */ 

body { font-family: “Libre Baskerville”, "Times New Roman", Arial, serif; 
} 
.product .price { font-family: "Libre Baskerville", "Times New Roman", Arial, serif; 
} 

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Libre Baskerville", "Times New Roman", Arial, serif; 
} 

.product .name { font-family: "Libre Baskerville", "Times New Roman", Arial, serif; } 

.widget .title { font-family:"Libre Baskerville", "Times New Roman", Arial, serif; 
} 

input, button, select, textarea { font-family: "Libre Baskerville", "Times New Roman", Arial, serif; 
} 

.breadcrumb-2 li a, .breadcrumb-2 li { font-family: "Libre Baskerville", "Times New Roman", Arial, serif; 
} 

.text-tabs .tab-title span { font-family:"Libre Baskerville", "Times New Roman", Arial, serif; 
} 

.btn { font-family: "Libre Baskerville", "Times New Roman", Arial, serif; 
} 

.menu { font-family: "Libre Baskerville", "Times New Roman", Arial, serif; 
} 

input { font-family: "Libre Baskerville", "Times New Roman", Arial, serif; 
} 

a.slidermore { font-family: "Libre Baskerville", "Times New Roman", Arial, serif; 
}

/** Rounded Elements **/
.btn {
    border-radius: 7px;
}

.button {
	border-radius: 7px !important;
}

input[type="text"], input[type="password"] {
    border-radius: 7px;
}

input[type="text"]:focus, input[type="password"]:focus {
    input:focus {
        outline: none !important;
        box-shadow: 0 0 0 2px var(--primary)!important;
        border-radius: 7px !important; 
      }
    }

input[type="submit"],
button[type="submit"] {
    border-radius: 7px !important;
}

select {
    border-radius: 7px;
}

.product {
    border-radius: 7px;
}

.feature.bordered {
    border-radius: 7px;
}

.flex-control-nav li {
    border-radius: 7px;
}

.tile {
    border-radius: 10px;
  }
  
  .tilepod {
    border-radius: 7px;
  }
  
  .tilepoddate {
      border-radius: 7px;
    }
     
  .tilepodlink {
      border-radius: 7px;
    }

	input[type="submit"], input[type="button"], button[type="submit"] 
	{
	border-radius: 7px !important;
    }
    
    .menu > li ul {
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
    }

    .color {
        border-radius: 7px;
    }

    .flex-control-thumbs img {
        border-radius: 7px;
    }

/** End Rounded Elements **/

.product .image {
    height: 325px;
    margin-bottom: 5px;
}

.product {
    border: solid 2px var(--white);
}