/*Colors variables*/
:root {
  --primary-color: #4D6969 !important;
  --secondary-color: #B3998D !important;
  --tertiary-color: #DAD5BF !important; 

  --shadow-gray: rgba(217, 217, 217, 0.8) !important;
  --shadow-black: rgba(0,0,0,0.2) !important; 

  --white: #FFFFFF !important; 
  --gray: #D9D9D9 !important;
  --dark-gray: #444444 !important;
  --black: #000000 !important;
}

/*Fonts*/
.gabriela-regular {
  font-family: "Gabriela", serif;
  font-weight: 400;
  font-style: normal;
}
.gothic-a1-regular {
  font-family: "Gothic A1", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*Body*/
body{
  margin:0;
  padding:0;
  color: var(--dark-gray);
}

/*Lang section*/
.translate_wrapper{
  z-index:1;
  top:20px;
  left:20px;
  font-size:16px;
  background: var(--white);  
  border-radius:4px;
}
.current_lang{
  cursor:pointer;
  text-transform:uppercase;
  overflow:hidden;
}
.lang{
    padding:10px 15px;
}
.lang.selected{
  display:none;
}
.lang img, 
.lang span.lang-txt{
  display:inline-block;
  margin-left:5px;
  vertical-align:middle;
}
.lang span.lang-txt{
   position:relative;
  top:-1px;
  font-weight:700;
}
.lang img{
  width:20px;
  margin-left:0;
}
.lang span span{
  color:var(--dark-gray);
  font-weight:400;
}
.lang span.fa{
  font-size:12px;
  position:relative;
  top:-1px;
  margin-left:3px;
}
.more_lang{
  transform:translateY(-20px);
  opacity:0;
  cursor:pointer;
  display:none;
   -webkit-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-moz-transition:    all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-o-transition:      all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-ms-transition:     all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	transition:         all .3s cubic-bezier(.25, 1.15, .35, 1.15);
}
.translate_wrapper.active .more_lang{
  display:block; 
}
.more_lang.active{
  opacity:1;
   transform:translateY(-0px);
}
.more_lang .lang:hover{
  background: var(--primary-color);
  color: var(--white);
}
.more_lang .lang:hover span{
  color: var(--white);
}
.translate_wrapper:hover,
.translate_wrapper.active,
.content a:hover{
  box-shadow:var(--shadow-black) 0 5px 15px;  
  -webkit-transition: all 0.3s cubic-bezier(0,.99,.44,.99);
	-moz-transition:    all 0.3s cubic-bezier(0,.99,.44,.99);
	-o-transition:      all 0.3s cubic-bezier(0,.99,.44,.99);
	-ms-transition:     all 0.3s cubic-bezier(0,.99,.44,.99);
	transition:         all 0.3s cubic-bezier(0,.99,.44,.99);
  
}
.translate_wrapper.active .lang{
  border-bottom:1px solid var(--white);
}

/*Header*/
.header-text {
  font-size: 42px;
  font-weight: bold;
}
.subheader-text {
  font-size: 18px;
  color: var(--dark-gray);
}
.green-square {
  width: 500px;
  height: 500px;
  background-color: var(--primary-color);
  border-radius: 20px;
  margin: 30px;
}
.green-circle {
  width: 200px;
  height: 200px;
  background-color: var(--primary-color);
  border-radius: 100px;
  margin: 30px;
}
.header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 50px;
}

/*Cards*/
.image-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--shadow-gray); 
  padding: 10px;
  border-radius: 5px;
}
.overlay-text {
  color: var(--black);
  font-size: 20px;
  margin-bottom: 5px !important;
}
.img-fluid{
  margin-bottom: 15px !important;
}

/*Testimonies*/
.carousel {
	max-width: 750px;
	margin: 0 auto;
	padding-bottom: 50px;
  background-color: var(--primary-color);
  border-radius: 20px;
}
.carousel .carousel-item {
	text-align: center;
	overflow: hidden;
  font-size: 20px;
}
.carousel .testimonial {	
	padding: 30px 0 10px;
  color: var(--white);
}
.carousel .overview {	
	text-align: center;
	padding-bottom: 5px;
  color: var(--white);
}
.carousel .carousel-indicators {
	bottom: 15px;
}
.carousel-indicators li, .carousel-indicators li.active {
	margin: 1px 5px;
	border-radius: 50%;
  background-clip: unset !important;
}
.carousel-indicators li {	
	background: var(--dark-gray);
	border: none;
}
.carousel-indicators li.active {		
	background: var(--white);		
}

/*Social cards*/
.social-box-part{
  padding:60px 10px;
  margin:30px 0px;
  color: var(--black);
}
.social-text{
  margin:20px 0px;
}

/*Footer*/
footer{
  background-color: var(--secondary-color);
}
.far, .fab{
  font-size: 50px !important;
}

/*Collapse Cards*/
.btn:focus{
  box-shadow: none !important;
}
.multi-collapse, .multi-collapse a{
  color:var(--black); 
}

/*Experiences*/
.col-exp{
  margin-bottom: 40px;
}
.title-exp{
  font-size: 2.5rem;
  color: var(--black) !important; 
}
.sub-title-exp{
  font-size: 1.5rem;
  color: var(--black) !important; 
}
.text-exp{
  margin-bottom: 5px;
  color: var(--black) !important; 
}
.horiz-left{
  width: 50%; 
  height: 2px; 
  margin-right: 49.5%;
}
.horiz-right{
  width: 50%; 
  height: 2px; 
  margin-left: 50%;
}
.vertical{
  position: absolute; 
  top: 50%; 
  bottom: 0; 
  left: 50%; 
  width: 2px;
}
.vertical-top{
  position: absolute; 
  bottom: 50%; 
  top: 0; 
  left: 50%; 
  width: 2px;
}
@media (max-width: 767px) {
  .horiz-left, .horiz-right {
    width: 100%; 
    margin: 0%;
  }
  .vertical, .vertical-top {
    display: none; 
  }
}
.img-square{
  height: 350px;
}
@media (max-width: 767px) {
  .img-square{
    height: 450px;
  }
}

/*Show on scroll*/
.element-exp {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.element-exp.appear {
  opacity: 1;
  transform: translateY(0);
}

/*Portfolio*/
.book-name{
  font-style: italic;
}