/* 
 Theme Name:   Divi Child
 Theme URI:    
 Description:  
 Author:       icecold404
 Author URI:   https://gki.63e.myftpupload.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

== Add your own styles below this line ==
--------------------------------------------*/


/*--------------------------------------------*/
/* Icecold framework */
/*--------------------------------------------*/

/* Headings */
.heading-1 {
	font-size: clamp(3rem, 5.106vw + 1.803rem, 5.25rem);
	font-family: "Barlow", "Arial", sans-serif;
	font-weight: 900;
	color: #FFFFFF;
	line-height: 1.1;
}

.heading-2 {
	font-size: clamp(2rem, 2.941vw + 1.338rem, 3.75rem);
	font-family: "Barlow", "Arial", sans-serif;
	font-weight: 900;
	color: #021F46;
	line-height: 1.3;
	
	margin-bottom: 1rem;
	padding-bottom: 0;
}

.heading-3 {
	font-size: clamp(1.5rem, 1.53vw + 1.194rem, 2.5rem);
	color: #FFFFFF;
	font-family: "Barlow", "Arial", sans-serif;
	font-weight: 900;
	line-height: 1.3;
}

.heading-4 {
	font-size: clamp(1.25rem, 1.463vw + 0.921rem, 2rem);
	color: #FFFFFF;
	font-family: "Barlow", "Arial", sans-serif;
	font-weight: 900;
	line-height: 1.3;
}

/* Text */
.body-text {
	font-size: clamp(1.125rem, 0.244vw + 1.07rem, 1.25rem);
	color: #FFFFFF;
	font-family: "Barlow", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.5;
}

.body-text > a {
	color: #CA1212;
	text-decoration: underline;
	font-weight: 600;
}

.text-white {
	color: #FFFFFF;
}

.text-red {
	color: #CA1212;
}

.text-dark-blue {
	color: #021F46;
}

.text-strong {
	font-weight: 700;
}

/* Buttons */
.primary-button {
	background-color: #FFFFFF;
	
	font-family: "Barlow", "Arial", sans-serif;
	font-weight: 700;
	line-height: 1.5;
	font-size: 1.125rem;
	color: #CA1212;
	
	padding: 0.625rem 1.5rem 0.625rem 1.5rem;
	
	border-radius: 6.25rem;
	
	transition: 0.3s ease-out;
}

.secondary-button {
	background-color: transparent;
	
	font-family: "Barlow", "Arial", sans-serif;
	font-weight: 700;
	line-height: 1.5;
	font-size: 1.125rem;
	color: #CA1212;
	
	padding: 0.625rem 1.5rem 0.625rem 1.5rem;
	
	border-radius: 6.25rem;
	border: 1px solid #00040926;
	
	transition: 0.3s ease-out;
}

.secondary-button:hover {
	background-color: #CA1212;
	color: #FFFFFF;
	
	transition: 0.3s ease-out;
}

.tertiary-button {
	background-color: #CA1212;
	
	font-family: "Barlow", "Arial", sans-serif;
	font-weight: 700;
	line-height: 1.5;
	font-size: 1.125rem;
	color: #FFFFFF;
	
	padding: 0.625rem 1.5rem 0.625rem 1.5rem;
	
	border-radius: 6.25rem;
	
	transition: 0.3s ease-out;
}

.tertiary-button:hover {
	background-color: #FFFFFF;
	color: #CA1212;
	
	transition: 0.3s ease-out;
}

/* Product loop stylin */
.woocommerce-Price-amount.amount {
	color: #343fa3;
	font-size: 1.875rem;
	font-weight: bold;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	font-size: 1rem;
	color: #000000;
}

@media only screen and (max-width: 767px) {
.woocommerce-Price-amount.amount {
	font-size: 1.25rem;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .product .related h2 {
	font-size: 0.875rem;
}
}

/* Related products loop styling */
.product .related h2 {
	font-size: 1rem !important;
	color: #000000;
}

@media only screen and (max-width: 767px) {
.product .related h2 {
	font-size: 0.875rem !important;
}
}

/* Product single styling - discount */
.onsale {
	background-color: #343fa3;
}

.woocommerce div.product p.price del, .woocommerce div.product span.price del {
	display: flex;
	color: red;
}

del > span.woocommerce-Price-amount.amount {
	font-size: 1.25rem;
}

del > span > bdi {
	display: flex;
}

ins > span.woocommerce-Price-amount.amount {
	font-size: 1.875rem;
}

/* Thank you page styling */
.woocommerce-order {
	text-align: center;
}

.woocommerce-order p:nth-child(2) {
	font-weight: bold;
	font-size: 28px;
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}