/**
 *	KOLORE NAGUSIAK:
 *		Gorria: #EB4E57
 *		Berdea: #28A745
 *		Beste berdea: El color success de Bootstrap
 *
 *  KOLORE BERRIAK
 *		Berdea: 28A745
 *		Beste berdea: BCCF21
 *		Beltza: 242424
 *
 *	ELEMENTUAK:
 *		btn-primary
 *
 *	TIPOGRAFIA:
 *		Izenburuak		Oswald
 *		Gainerantzekoa	Open Sans
 *		Comfortaa		Ez da gehiago erabiltzen
 *		Bad Script		Ez da gehiago erabiltzen
 */

#myModal .modal-dialog {
	max-width: 700px;
}

.hide-on-mobile {
	display: none !important;
}

@media(min-width:768px) {
	
	.hide-on-mobile {
		display: inline !important;
	}
	
	td.hide-on-mobile, 
	th.hide-on-mobile {
		display: table-cell !important;
	}
	
}

/*************************************************************************************
* TEXTUAK
**************************************************************************************/

html {
  height: 100%;
}

body {
	font-family: 'Open Sans', sans-serif; font-size: 0.93rem;
}

h1 {
	font-family: 'Oswald', sans-serif; font-size: 3rem;
}

@media(min-width:768px) {
	h1 {
		font-size: 4.5rem;
	}
}

h2 {
	font-family: 'Oswald', sans-serif; font-size: 3rem;
}

h3,h4,h5 {
	font-family: 'Oswald', sans-serif;
}

legend {
	padding-top: 1em;
}

.text-primary {
	color: #28A745 !important;
}

.text-red {
	color: #EB4E57 !important;
}

.text-green {
	color: #28A745 !important;
}

a {
	color: #DA595C;
}

a:hover {
	color: #009369;
}

.font-size-handia {
	font-size: 2.3rem;
}

.text-pricing {
	font-family: 'Oswald', sans-serif;
}

/*************************************************************************************
* BACKGROUNDS
**************************************************************************************/

.burua {
	padding: 100px 0px 50px 0px; background-image: url(../img/bg-burua.png); background-repeat: repeat-x; background-size: contain; color: #fcfcfc !important;
}

.bg-red {
	background-color: #EB4E57 !important; color: #fff !important;
}

.bg-green {
	background-color: #28A745 !important; color: #fff !important;
}

.bg-red a,
.bg-green a {
	color: #fff;
}

.bg-grey {
	background-color: #f1f1f1;
}

.bg-dark-grey {
	background-color: #555; color: #eee;
}

.bg-dark-grey a {
	color: #eee;
}

.bg-eaeaea-grey {
	background-color: #eaeaea;
}

.bg-ddd-grey {
	background-color: #dddddd;
}

.bg-beige {
	background-color: #EDE9D0;
}

.bg-light-red {
	background-color: #FCEAE8;
}

/*************************************************************************************
* LOGOA
**************************************************************************************/

#logo-image {
	width: 130px;
}

@media(min-width:768px) {
	#logo-image {
		width: 160px;
	}
}

.text-logo {
	color: #000 !important; text-decoration: none !important; font-weight: bold;
}

/*************************************************************************************
* BOTOIAK
**************************************************************************************/


.btn-primary {
	color: #fff;
	background-color: #EB4E57;
	border-color: #D94E57;
	font-size: 1.15rem;
}
.btn-primary:hover {
	color: #DA595C;
	background-color: #fff; 
	border-color: #D94E57;
}

.btn-outline-primary {
    color: #9baa27;
    border-color: #9baa27;
}

.btn-outline-primary:hover {
	color: #fff;
    background-color: #2a5;
	border-color: #2a5;
}

.btn-green {
	color: #fff !important;
	background-color: #28A745;
}

/*************************************************************************************
* FORMULARIOAK
**************************************************************************************/

.custom-range::-webkit-slider-thumb {
  height: 25px; width: 25px; margin-top:-8px;
}

.custom-range::-webkit-slider-runnable-track {
  height: 8px;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #C5D4E7;
  border-radius: 1px;
  border: 0px;
}

.custom-range::-moz-range-thumb {
  height: 22px; width: 22px;
}

.custom-range::-moz-range-track {
  height: 8px;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #C5D4E7;
  border-radius: 1px;
  border: 0px;
}

.custom-range::-ms-thumb {
  height: 22px; width: 22px; 
}

.custom-range::-ms-track {
  height: 8px;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

/*************************************************************************************
* ORRIALDEAREN PARTEAK
**************************************************************************************/

.section {
	padding: 50px 10px 50px 10px;	
}

.section-narrow {
	padding: 30px 0px 30px 0px;	
}

#navbar {
	padding: 1.5rem 1rem;
}

#navbar .nav-item {
	padding: 0px 10px;		
}

nav.scrolled {
	background-color: #EB4E57 !important;
}

.navbar-collapse {
	background-color: #fff; 
}

.navbar-dark a {
	color: #444 !important;
}

.navbar-dark a:hover {
	color: #111 !important;
}

.navbar-dark .btn {
	color: #fff !important;
}	
	
.epostan-sartu-btn-1 {
	display: none;
}

.epostan-sartu-btn-2 {
	margin: 0px 15px 0px 0px;
}

@media(min-width:768px) {
	.navbar-collapse {
		background-color: inherit;
	}
	.navbar-dark a {
		color: rgba(255,255,255,.5) !important;
	}
	.navbar-dark a:hover {
		color: #fff !important;
	}	
	.epostan-sartu-btn-1 {
		display: block;
	}	
	.epostan-sartu-btn-2 {
		display: none;
	}	
	.section {
		padding: 100px 10px 100px 10px;	
	}
	
	.section-narrow {
		padding: 50px 0px 50px 0px;	
	}	
}

#footer {
	color: #888; 
}

#footer h5 { 
	color: #111;
}

#footer a {
	color: #888;
}

/*************************************************************************************
* ORRIALDEAK > HOME
**************************************************************************************/

#hasiera {
	height: 100%;
	background-image: url('../img/banner-home-sinplea.svg');
	transition: width 2s;

	/* paralax efect 
	background-attachment: fixed; */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
}

#hasiera-front {
	height: 100%;
	min-height: 1000px;
	/* paralax efect 
	background-attachment: fixed; */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	position: absolute; top: 0px;
	z-index: -1;
} 

@media(min-width:992px) {

	#hasiera {
		background-image: url('../img/banner-home-sinplea-back.svg');
	}	
	
	#hasiera-front {
		z-index: 10;	
		min-height: 900px;
		background-image: url('../img/banner-home-sinplea-front.svg');
	}
}

#hasiera li {
	margin: 8px 0px;	
}

.card-title {
	font-size: 2rem;
}

#ezaugarriak p {
	color: #eee;
}

#babesleak .brand {
	height: 100px;
}

/*************************************************************************************
* ORRIALDEAK > ALTA 
**************************************************************************************/

form.erosi {
	padding: 8px 8px 20px 8px !important; font-size: 90%;	
}

form.erosi legend {
	font-size: 1.2rem;	
}

@media(min-width:768px) {
	form.erosi {
		padding:20px !important; font-size: 100%;	
	}
}

form.erosi div {
	background-color: inherit !important;
}

form.erosi div.submit {
	text-align: center;
} 

form.erosi .submit_button {
	padding: 15px 40px; font-size: 1.2rem; float: none !important;
}

@media(min-width:768px) {
	form.erosi .submit_button {
		float: right !important;
	}
}

.domain-instructions {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745;
}

/*************************************************************************************
* ORRIALDEAK > PREZIOAK 
**************************************************************************************/

.prezioak {
	font-size: 90%;	
}

@media(min-width:768px) {
	.prezioak {
		font-size: 100%;	
	}
}

.prezioak thead div {
	margin-top: 1rem; margin-bottom: 1rem; font-size: 1.2rem;
}

.prezioak h3 {
	font-size: 2rem;
}

.prezioak td {
	text-align: center;
}
	
.prezioak td, .prezioak th {
	border-top: 0px !important; padding: .75rem .3rem;
}

@media(min-width:768px) {
	
	.prezioak td, .prezioak th {
		padding: .75rem;
	}
		
}

.prezioa small {
	display: block;
}

/*************************************************************************************
* ORRIALDEAK > LAGUNTZA 
**************************************************************************************/

.page-publico-nosotros_contacto .form-control-lg {
	height: calc(2.5em + 1rem + 2px) !important;
}

.page-publico-nosotros_contacto .form-row {
	margin-left: 0px; margin-right: 0px;
}

.page-publico-nosotros_contacto legend {
	padding-top: 0px;
}

/*************************************************************************************
* ORRIALDEAK 
**************************************************************************************/

.faqs div {
	padding: 1rem 1rem 0.5rem 1rem; border-bottom: 1px solid #c1c5c8;
}

.faqs h5 {
	font-size: 1.1rem;
}

.faqs p {
	color: #444;
}

/*************************************************************************************
* LANDING PAGE
**************************************************************************************/

.page-publico-sortu {
	height: 100%;	
}

.page-publico-sortu h3 {
	font-size: 2rem;
}

.page-publico-sortu #Form {
	margin-bottom: 0px;
}

.page-publico-sortu .form-group {
	margin-bottom: 0rem;
}

.page-publico-sortu legend {
	display: none;
}

.page-publico-sortu	form.erosi .submit_button {
	float: none !important;
}

@media(min-width:992px) {
	.page-publico-sortu #hasiera {
		background-image: url('../img/ilustrazioa-landing-sortu.svg');
	}
}

.page-publico-sortu .underline {
	border-bottom: 3px solid #28a745;
}