/*
Theme Name:   jupiter child theme
Description:  Jupiter child theme
Author:       elanetwebmaster
Author URL:   Write here the author's blog or website url
Template:     jupiter
Version:      1.0
Text Domain:  jupiter-child
*/

/* Write here your own personal stylesheet */
/*newsletter*/
/* subscription form drop down */

.checkbox-dropdown {
    width: 300px;
    border: 1px solid #aaa;
    padding: 10px;
    position: relative;
    margin: 0 auto;
    float:right;
		background:#fff;
    user-select: none;
	text-align:left;
	border: 1px solid #e3e3e3;
	border-radius:5px;
	color:#767676;
	font-size:16px;
	line-height:16px;
	padding:10px;
}

/* Display CSS arrow to the right of the dropdown text */
.checkbox-dropdown:after {
    content:'';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #000;
    top: 50%;
    right: 10px;
    margin-top: -3px;
}

/* Reverse the CSS arrow when the dropdown is active */
.checkbox-dropdown.is-active:after {
    border-bottom-color: #000;
    border-top-color: #fff;
    margin-top: -9px;
}

.checkbox-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%; /* align the dropdown right below the dropdown text */
    border: inherit;
    border-top: none;
    left: -1px; /* align the dropdown to the left */
    right: -1px; /* align the dropdown to the right */
    opacity: 0; /* hide the dropdown */
   
    transition: opacity 0.4s ease-in-out;
    height: 190px;
    overflow: scroll;
    overflow-x: hidden;
    pointer-events: none; /* avoid mouse click events inside the dropdown */
	background:#fff;
	text-align:left;
	z-index:99;
}
.is-active .checkbox-dropdown-list {
    opacity: 1; /* display the dropdown */
    pointer-events: auto; /* make sure that the user still can select checkboxes */

}
.checkbox-dropdown-list li  {margin-left:0px;}
.checkbox-dropdown-list li label {
    display: block;
    border-bottom: 1px solid silver;
    padding: 10px;
   
    transition: all 0.2s ease-out;
}

.checkbox-dropdown-list li label:hover {
    background-color: #555;
    color: white;

}

.checkbox-dropdown-list input {
 margin-right:10px;
}


.container { max-width:1140px; margin:0px auto; }

.newsletter-container {
	background:#f3f3f3;
	text-align:center;
	padding:20px;
}

.newsletter-container h3 {
	color: #478bc6;
  font-size: 19px;
  font-weight: 500;
}

.newsletter-container input[type="email"], .newsletter-container select, .newsletter-container input[type="text"] {
	font-size:16px;
	padding:10px;
	border:1px solid #e3e3e3;
	width:300px;
	border-radius:5px;
	color:#767676;
	font-size:16px;
	background:#fff;
}

.newsletter-container input[type="email"] {
	color:#000;
}

.newsletter-container select.wpcf7-form-control option {
	margin:5px;
	border-bottom:1px solid #e3e3e3;
	color:#767676;
	font-size:16px;
}

.newsletter-container .email-icon {
	background: #478bc6;
    width: 40px;
    height: 30px;
    padding: 15px 10px;
    border-radius: 50%;
    margin: 0px auto 20px auto;
}

.newsletter-container .email-icon svg {
	fill: #fff;
  width: 40px;
  margin-top: -4px;
}

.newsletter-container form p {
	font-weight:500;
}

.newsletter { 
	padding: 20px 0px;
	max-width: 70%;
  margin: 0px auto;
	position:relative;
}

.newsletter form {
	padding:0px 80px;
}

.newsletter .acceptance {
	  text-align: justify;
    padding-top: 10px;
    clear: both;
}

.newsletter .acceptance span { 
	font-size:14px; 
}

.newsletter label.email {float: left;}
.newsletter label.drasi {float: right;}

.newsletter br { display:none; clear:none;}

input:-internal-autofill-selected { color: #767676;}

.wpcf7 .wpcf7-submit {
	background: #478bc6;
	padding:14px 24px;
	color:#fff;
	border:none;
	text-transform:uppercase;
	border-radius:3px;
	margin-top:20px;
	color:#fff;
	font-size:12px;
	line-height:12px;
	font-weight:700;
	display:inline-block;
	min-width:140px;
	letter-spacing:1px;
}

body #wpcf7-f33759-o1 .wpcf7-response-output, body #wpcf7-f33916-p33917-o1 .wpcf7-response-output  { display:none !important; }

