/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
html {scroll-behavior: smooth;}

#calculateheight .elementor-field-type-submit {display: none;}
#frames a{padding: 15px;}
#frames a:hover, #frames a.active{
	background: rgb(216 187 131 / 56%);
}
#checkoutcalc{width: 100%;cursor: pointer;}
#calculateheight .msg{margin-top: 15px;}
#frames .frame{ position: relative; }
#frames .frame img{
	display: block;
	width: 100%;
	height: auto;
}
#frames .frame div{
  background: rgb(0 0 0 / 51%);
  width: 100%;
  transition: .5s ease;
  opacity: 1;
  color: #fff;
  font-size: 16px;
  font-weight: bolder;
  padding: 5px;
  text-align: center;
  min-height: 56px;
}
#frames .frame:hover div, #frames a.active div {
   opacity: 1;
}
.pagination {font-size: 15px;margin-top: 15px;}
.pagination a{
	padding: 10px 15px;
	margin-top: 15px;
	border: 1px solid #D8BB83;
}
.pagination .current {
  background-color: #D8BB83;
  border: 1px solid #D8BB83;
  color: white;
  padding: 10px 15px;
  margin-top: 15px;
}
.pagination a:hover:not(.current) {
	background-color: #D8BB83;
	transition: background-color .3s;
	color: #fff;
}
.loader {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#form-field-frameimage{
	width: 100%;
    border: 1px solid #ccc;
    padding: 15px;
    background: #f7e5c4;
}
#selecframe button{
  background-color: #1D1D1D;
  color: #ffffff;
  cursor: pointer;
}

#resultmobile{
  margin: 30px 0;
}