/* 
 Theme Name:   2017 child
 Theme URI:    
 Description:  mihai mod
 Author:       quarff
 Author URI:   
 Template:     twentyseventeen
 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 ==
--------------------------------------------*/

* {
	
	font-family:"rooney-sans" , sans-serif;
	-webkit-font-smoothing: antialiased;
}

body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+24 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 24%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 24%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 24%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}

h1,h2,h3,h4,h5,h6 {color: #0A0908;}



h1 {
	font-family: "jubilat",serif;
	/*font-family:"rooney-sans", sans-serif; */
	font-weight: 300!important;
	
	}

h2{
	font-family: "jubilat",serif;
	/*font-family:"rooney-sans", sans-serif; */
	font-weight: 300!important;
	
	}
h3{
	font-family: "jubilat",serif;
	/*font-family:"rooney-sans", sans-serif; */
	font-weight: 300!important;
	
	}

h4 { 
	color: #7B7672; 	
	font-style: normal;
	font-weight: 300;
	
	}
p { 
	color: #333; 	
	font-style: normal;
	font-weight: 300;
	}
/* START FORM CUSTOM -> */
.happyforms-submit{
	margin-top: 30px!important;
}

.happyforms-submit {
	
	font-family:"rooney-sans", sans-serif!important; 
}

.happyforms-part__description{
	
	color: #BBBBBB!important;
}

.happyforms-flex {
	padding-top: 0px!important;
}

.border {
	border-style: none!important;
	font-weight: 500!important;
}

.label{
	font-weight: 500!important;
}
.option-label {
	margin-bottom: 0!important
}

	
/* END FORM CUSTOM -> */


/* START Gradien buttons -> */
#fixed {
	position:fixed;
/* center the element */
	bottom:0;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}

.avatar {
	border-radius: 50%;
    border: 6px solid #f4f4f4;
    width: 120px;
    height: 120px;
	display: inline-block;
}

.btn-overlay:hover {
	color:#2EB4A0!important;
}
.btn-overlay {
	color:#333333!important;
}

.show-more {
	display: block;
	text-align:center;
	font-size: 18px;
	
}

#btn-CTA {
	/* background-image: linear-gradient(112deg, #4ACBC6 0%, #1CCFF7 25%, #3183F3 100% );*/
	/*background-color: #000000;*/
	/*background-image: linear-gradient(112deg, #4ACBC6 0%, #1CCFF7 25%, #3183F3 100% );*/
	font-style: normal;
	font-weight: 500;
	padding-right: 20px;
    padding-left: 20px;
	border-radius: 5px;
	color: #0A0908;
	background-color:#87E2D7;
}
#btn-CTA:hover {
	background-color: #FFD670;
	color: #0A0908;
}

#btn-CTA-secondary {
	/* background-image: linear-gradient(112deg, #4ACBC6 0%, #1CCFF7 25%, #3183F3 100% );*/
	/*background-color: #000000;*/
	/*background-image: linear-gradient(112deg, #4ACBC6 0%, #1CCFF7 25%, #3183F3 100% );*/
	font-style: normal;
	font-weight: 500;
	padding-right: 20px;
    padding-left: 20px;
	/*border-radius: 5px;*/
	
	color: #2EB4A0;
	background-color:transparent;
	border-color:#2EB4A0;
	border-width: 1px;
	border-radius: 3px;
	border-style:solid;
	
}

#btn-CTA-secondary:hover {
	background-color: #FFD670;
	color: #0A0908;
	border-color:#FFD670;
	
}

.btn {
	
  flex: 1 1 auto;
  margin: 10px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  box-shadow: 0 0 20px #eee;
  border-radius: 5px;
 }

.btn:hover {
  background-position: right center; /* change the direction of the change here */
}
/* END Gradien buttons -> */

/* START buttons -> */
.menu-buttons {
   text-align:center;
}

.menu-buttons li {
       background: #ffffff;
       list-style-type:none;
       display:inline-block;
       border-right:1px solid #fff;
}

.menu-buttons li:hover {
    background: #EDEDED;
	border-radius: 3px;
}
.menu-buttons li a {
    padding: 10px;
	margin: 1em;
    color:#193C40;
	letter-spacing:0px;
	font-weight: 300;
	font-size: 16px;
}


#small-btn:hover {
	transform: translate(5px,0);
	-webkit-transform: translate(5px,0);
	-moz-transform: translate(5px,0);
	-o-transform: translate(5px,0);
	-ms-transform: translate(5px,0);
	color: #5ED0DB;
	
}

#secondary-CTA {
	color: #5ED0DB;
	background-color:transparent;
	border-color:#5ED0DB;
	border-width: 2px;
	border-radius: 3px;
	border-style:solid;
}
#secondary-CTA:hover {
	color: #ffffff;
	background-color:#5ED0DB;

}
#small-btn {
	color: #46C0A2;
	background-color:transparent;
	padding-left:2px;
}
#small-btn:hover {
	transform: translate(5px,0);
	-webkit-transform: translate(5px,0);
	-moz-transform: translate(5px,0);
	-o-transform: translate(5px,0);
	-ms-transform: translate(5px,0);
	color: #5ED0DB;
	
}
/* END buttons -> */

/* START Section header text -> */

h6 { 
	text-transform: uppercase;
	letter-spacing:1.5px;
	color: #7B7672; 	
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	margin-bottom:0px;
	}
h3 { 
	color: #0a0908; 	
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	}

/* END Section header text -> */

/* START cards config -> */

#box-shadow {
	-webkit-box-shadow: 0px 32px 121px -16px rgba(53,134,145,0.21);
	-moz-box-shadow: 0px 32px 121px -16px rgba(53,134,145,0.21);
	box-shadow: 0px 32px 121px -16px rgba(53,134,145,0.21);
}
#box-shadow2 {

}
#box-shadow2:hover {
	-webkit-box-shadow: 0px 32px 121px -16px rgba(53,134,145,0.21);
	-moz-box-shadow: 0px 32px 121px -16px rgba(53,134,145,0.21);
	box-shadow: 0px 32px 121px -16px rgba(53,134,145,0.21);
}

/* END cards config -> */

/* START Labels config -> */


#primary-label {
	color:#ffffff;
	display: inline-block;
	background-color:#2EB4A0;
	border-radius: 30px;
	border: none;
}


#secondary-label {
	color:#57BCE2;
	display: inline-block;
	background-color:transparent;
	border-radius: 30px;
	border-color:#57BCE2;
	border-width: 1px;
	border-style:solid;

}

/* END Labels config -> */


/* MEDIA QUERIES FONTS AND STUFF 
 --------------------------------------*/
body {
  font-size: 100%;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

#page {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */
}


@media  /* DESKTOP */(min-width: 56.25em) {

	
	h1 {
		font-size: 3.5em;
		/* 3x body copy size = 48px */
		line-height: 1.05em;
		/* keep to a multiple of the 20px line height and something more appropriate for display headings */
	  	}
	h2 {
		font-size: 2.25em;
		/* 2.25x body copy size = 36px */
		line-height: 1.25;
  		}

	p {
	  font-size: 21px;
	  line-height: 33px;
	  }

	h3 {
  	  font-size: 1.75em;
   	 /* 1.75x body copy size = 28px */
   	 line-height: 1.25;
 	 }
}

	h4 {
 	 font-size: 1.125em;
 	 /* 1.125x body copy size = 18px */
  	 line-height: 1.7em;

}


@media (max-width: 43.75em) {
	h1 {
		font-size: 2.3em;
		/* 2.5x body copy size = 46px */
		line-height: 1.125;
 		 }

	h2 {
		font-size: 1.7em;
		/* 2x body copy size = 32px */
		line-height: 1.25;
	 	 }
	#page {
		font-size: 1em;
		/* equivalent to 16px */
		line-height: 1.375;
		/* equivalent to 22px */
 		 }
 	 h3 {
    font-size: 1.2em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
 		 }
	 h4 {
    line-height: 1.7em;
    /* (22px / 18px */
  }
}


  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }

/* END MEDIA QUERIES FONTS AND STUFF 
 --------------------------------------*/