/* Global */

@font-face {
  font-family: 'Almoni Regular AAA';
  src: url('/wp-content/themes/monster-studio/fonts/almoni-regular-aaa.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  }
  
  @font-face {
  font-family: 'Almoni Bold AAA';
  src: url('/wp-content/themes/monster-studio/fonts/almoni-bold-aaa.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  }
  
  @font-face {
  font-family: 'Almoni Tzar Demibold AAA';
  src: url('/wp-content/themes/monster-studio/fonts/almoni-tzar-demibold-aaa.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  }  

* {
  box-sizing : border-box;
}

body, h1, h2, h3, h4, h5, h6, a, input, textarea, select, option, pre {
  font-family: 'Almoni Regular AAA', sans-serif;
}

body,
html {
  height     : 100%;
  min-height : 100%;
}

body {
  margin           : 0;
}

strong {
  font-family: 'Almoni Bold AAA', sans-serif;
}

hr {
  margin: 20px 0 60px 0;
}

#header_flex {
  display: flex;
  flex-direction: column;
  align-items:
  center;
  gap: 40px;
}

#header_img {
    width: 508.63px;
    max-width: 80%;
    padding-top: 20px;		
}

#header_secondary_img {
  width: 752.19px;
  max-width: 80%;
  padding-top: 20px;		
}

/* Credit Card */

.credit-card {
  max-width        : 1506px;
  margin           : 60px auto 0;
}

/* Title */

h4.title {
  margin: 0;
  color: #000000;
  font-size: 50px;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #ffda17;
  margin: 40px 0;
}

h5.title {
  display: flex;
  justify-content: start;
  flex-direction: row-reverse;
  font-size: 45px;
  text-decoration: none;
  margin: 40px 0 0 0;
}

.month select {
  float : left;
}

.year select {
  float : right;
}

/* Card Verification Field */

.cvv-details {
  font-size: 25px;
  color: #6D6D6D;
}

.cvv-details p {
  margin-top : 6px;
}

/* Buttons Section */

.paypal-btn,  
.proceed-btn {
  cursor: pointer;
  width: 264px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size     : 30px;
}

.proceed-btn {
  margin: 25px auto 25px auto;
  background    : #FFDA16;
  border: unset;
}

.paypal-btn a,
.proceed-btn a {
  text-decoration : none;
  cursor          : pointer;
}

.proceed-btn a {
  color : black;
}

.paypal-btn a {
  color : rgba(242, 242, 242, 0.7);
}

.paypal-btn {
  padding-right : 95px;
  background    : url('paypal-logo.svg') no-repeat 65% 56% #009cde;
}

  #sell_details_flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px;
  }

	#sell_details_table{
    max-width: 1009px;
		width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 15px;
    direction: rtl;
	}

  #sell_details_table th,
  #sell_details_table td
   {
    width: 20%;
    font-size: 40px;
    text-align: left;
  }

  #sell_details_table th:first-child, #sell_details_table th:last-child,
  #sell_details_table td:first-child, #sell_details_table td:last-child
  {
    width: 40%;
  }

  #sell_details_table td {
    font-size: 30px;
    text-align: left;
  }

	.input-text {
    width: calc(33% - 25px);
    font-size: 25px;		padding:10px;
		margin-bottom: 10px;
		border: 1px solid #9D9D9D;
		background: #fff;
    border-radius: 0;
    height: 48px;
	}

  #client_delivery_notes {
    width: calc(66% - 25px);
    max-width: 100%;
    height: 146px;
  }

	.input-left{
		float: left;
	}
	.input-right{
		float: right;
	}

  .date-field {
    width: calc(33% - 25px);
  }

  .date-field select {
    width: calc(50% - 10px);
  }

	.form-body-client-info, .form-element {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    width: 1503px;
    max-width: 100%;
    justify-content: start;
    align-items: center;
  }

  .client_info_button{
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    font-size: 45px;
    cursor: pointer;
    justify-content: start;
    gap: 10px;
    align-items: center;
    font-size: 45px;
    width: 1503px;
    max-width: 100%;
  }

  .checkbox_container {
    display: flex;
    flex-direction: row;
    font-size: 25px;
    margin-bottom: 40px;
    justify-content: flex-start;
  }
  input[type="checkbox"] {
      scale: 2.5;
      margin: 0 30px;
  }

  .card-verification {
    position: relative;
    width: calc(33% - 25px);
  }

  .cvv-details {
    position: absolute;
    left: 0;
  }

  .cvv-input input {
    width: 100%;
  }

  .form-body.footer {
    margin: 30px 0;
    padding-bottom: 30px;
  }

  i.client_icon.fas.fa-minus {
    font-size: 30px;
  }
	
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  max-width:840px;
  font-size: 25px;
  position: relative;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  font-size: 70px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 25px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#termsBtn{cursor: pointer;text-decoration: underline;}


.credit-card{position:relative}
#loading_container{
	display:none;
	opacity: 0.8;
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.full_container{
	display:none;
	opacity: 0.95;
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.full_container h4{
	
	vertical-align: middle;
    display: table-cell;
    text-align: center;
    overflow: auto;
    height: auto;
}