/*
Theme Name: Carita Luxembourg
Author: Marx Jason
Description: A Theme specifically designed for Carita Luxembourg
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Carita
*/

::selection {
  color: white;
  background: gray;
}

html {
	overflow-x: hidden;
}

body, html{
  height: 100%;
  font-family:sans-serif;
  color: gray;
  font-weight: 100;
}

pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
    font-family: inherit;
}

@media only screen and (max-width: 800px){
  body, html{
    font-size: 0.9em;
  }

  .navbar{
    font-size: 1.1em;
  }
}


span.navbar-toggler-icon {
  color: #fff;
  display: inherit !important;
}
span..navbar-toggler-icon:hover {
  background: #ff0000;
}

span..navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

span:empty {
  display:none;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.left{
  left: 10px;
}
.right{
  right: 10px;
}

.vertical-align {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.horizontal-align{
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bothAxis-align{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.background-cover{
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.text-justify-left {
  text-align: justify;
}

.text-justify-right{
  direction:rtl;
  text-align:justify;
}

.text-middle{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.front-page-display{
  min-height: 80%;
}

.front-page-display-image{
  height: 400px;
}

@media only screen and (max-width: 800px){
  .text-justify-right{
    direction:inherit;
    text-align:justify;
  }

  .text-middle{
    display: inherit;
  }

  .front-page-display{
    min-height: 0px;
    margin-bottom: 10px;
  }

  .front-page-display-image{
    height: 200px;
  }

  .front-page-display-text{
    margin-top: 10px;
  }

  .front-page-display-body{
    border: 1px solid #e2e2e2;
    padding: 5px;
  }
}

h1, h2, h3, h4, h5, h6{
  color: rgb(252, 14, 151);
  text-transform: uppercase;
}

h1 { font-weight: 900; }
h2 { font-weight: 800; }
h3 { font-weight: 700; }
h4 { font-weight: 200; }
h5, h6 { font-weight: inherit; color: black;}


h1::selection,
h2::selection,
h3::selection,
h4::selection{
  color:black;
  background-color: rgb(252, 14, 151);
}

a.btn-carita:not([href]){
  display: none;
}

.btn-carita{
  text-transform: uppercase;
  color: rgb(252, 14, 151);
  background-color: transparent;
  border-color: rgb(252, 14, 151);
  cursor: pointer;
  font-weight: 100;
}

@media only screen and (max-width: 800px){
  .btn-carita{
    width: 100%;
  }
}

.btn-carita:hover{
  /*rgb(238, 130, 238)*/
  background-color: rgb(252, 14, 151);
  color: #fff;
  border-color: #fff;
}

.service_price{
  font-weight: bolder;
  color:black;
}


.service_price:not(:empty):after{
  content: attr(currency);
}


.service_time{
  color:black;
}

.height-1, .height-1 .banner{ height: 10% !important; }
.height-2, .height-2 .banner{ height: 20% !important; }
.height-3, .height-3 .banner{ height: 30% !important; }
.height-4, .height-4 .banner{ height: 40% !important; }
.height-5, .height-5 .banner{ height: 50% !important; }
.height-6, .height-6 .banner{ height: 60% !important; }
.height-7, .height-7 .banner{ height: 70% !important; }
.height-8, .height-8 .banner{ height: 80% !important; }
.height-9, .height-9 .banner{ height: 90% !important; }
.height-10, .height-10 .banner{ height: 100% !important; }


.icon{
  cursor: pointer;
  transition: all 0.3s ease;
}

.social li{
  margin-left: 10px;
}

.icon_youtube{ color:red; }
.icon_youtube:hover{ color:gray; }

.icon_facebook{ color:#3b5998; }
.icon_facebook:hover{color: gray;}


.navbar-shadow{
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important
}
/*
=========================
 FirstView page css
=========================
*/

div.showcase{
  width: 100%;
  height: 100%;
}

.showcase .fa{
  color: #fff;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}

.showcase .fa:hover{
  color: gray;
  cursor: pointer;
}

.showcase_body{
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.showcase_img{
  position: absolute;
  width: 100%;
	height: 100%;
  z-index: 0;
  background: transparent url('Assets/Images/main.jpg') center center no-repeat fixed;*/
  /*-webkit-filter: grayscale(70%);
  filter: grayscale(70%);*/
}

.banner {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	clear: both;
}

.showcase_container{
  height: 100%;
  position: absolute;
}

.showcase_container-left{ left: 0; }
.showcase_container-right{ right: 0; }
.showcase_container-center{
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.showcase_text{
  margin: 0 auto;
  text-align: center;
  width: 500px;
  height: inherit;
  overflow: hidden;
  position: relative;
  padding: 10px;
}

.showcase_container .showcase_text{ background: rgba(238, 130, 238, 0.5); }

.showcase_container-left .showcase_text{

  background: -webkit-linear-gradient(left, rgba(130, 0, 130, 0.4), rgba(230, 44, 230, 0.4) 83%, rgba(230, 2, 230, 0.5) 10%);


  /*background: -webkit-linear-gradient(left, rgba(238, 130, 238, 0.5), rgba(238, 130, 238, 0.5), rgba(255, 255, 255, 0)); /* For Safari 5.1 to 6.0 */
  /*background: -o-linear-gradient(right, rgba(238, 130, 238, 0.5), rgba(238, 130, 238, 0.5), rgba(255, 255, 255, 0)); /* For Opera 11.1 to 12.0 */
  /*background: -moz-linear-gradient(right, rgba(238, 130, 238, 0.5), rgba(238, 130, 238, 0.5), rgba(255, 255, 255, 0)); /* For Firefox 3.6 to 15 */
  /*background: linear-gradient(right, rgba(238, 130, 238, 0.5), rgba(238, 130, 238, 0.5), rgba(255, 255, 255, 0)); /* Standard syntax */
}
.showcase_container-right .showcase_text{
  background: -webkit-linear-gradient(right, rgba(238, 130, 238, 0.5), rgba(238, 130, 238, 0.5), rgba(255, 255, 255, 0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, rgba(238, 130, 238, 0.5), rgba(238, 130, 238, 0.5), rgba(255, 255, 255, 0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, rgba(238, 130, 238, 0.5), rgba(238, 130, 238, 0.5), rgba(255, 255, 255, 0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, rgba(238, 130, 238, 0.5), rgba(238, 130, 238, 0.5), rgba(255, 255, 255, 0)); /* Standard syntax */
}
.showcase_container-center .showcase_text{
  border-radius: 50%;
  min-height: 500px;
  height: 500px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Different media sizes */
@media only screen and (max-width: 800px){
  .showcase_container-center .showcase_text{
    min-height: 400px;
    height: 400px;
  }
  .showcase_text{
    width: 400px;
    font-size: 1em;
  }

  .showcase_img{
    background-attachment: inherit;
  }
}

@media only screen and (max-width: 500px)  {
  .showcase_container-center .showcase_text{
    min-height: 300px;
    height: 300px;
  }

  .showcase_text{
    width: 300px;
    font-size: 1em;
  }
}


.showcase_container-left .banner-centered{ text-align: left; margin-top: 5%; width: 80%;}
.showcase_container-right .banner-centered{ text-align: right; margin-top: 5%; width: 80%;}
.showcase_container-center .banner-centered{
  width: 70%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.showcase_container-left .showcase_body_title{ color: white; font-weight: 400;}
.showcase_container-right .showcase_body_title{ color: white; font-weight: 400;}
.showcase_container-center .showcase_body_title{ color: white; font-weight: 700; text-shadow: 0 1px 0 black;}

.showcase_container-left .showcase_body_subtitle{ color: blue; }
.showcase_container-right .showcase_body_subtitle{ color: blue; }
.showcase_container-center .showcase_body_subtitle{ color: blue; }

.showcase_container-left .showcase_body_content{ color: white; }
.showcase_container-right .showcase_body_content{ color: white; }
.showcase_container-center .showcase_body_content{ color: black; }

.banner-centered .showcase_body_title {
	font-size: 3.385em;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;

}

.banner-centered .showcase_body_content{
  text-transform: uppercase;
  line-height: 1.0;
	letter-spacing: 1.5px;
}

@media only screen and (max-width: 800px){
  .banner-centered .showcase_body_title{
    font-size: 2.5em;
    line-height: 1.0;
    letter-spacing: 1px;
    margin-bottom: 5px;
  }
}

.discover_body{
  position:relative;
}

.discover_body img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.single-product .discover_body  img{
  object-fit: scale-down;
}

.discover_body img.show_image{
  object-fit: none;
}

.discover_container {


  margin: 5% auto;
  text-align: center;
}

.discover_title{
  margin-bottom: 10px;
  text-transform: uppercase;
}

.discover-display-body{
  padding: 5px;
  max-width: 260px;
}

.discover_content.row{
  margin-right: -5px;
  margin-left: -5px;
}

@media only screen and (max-width: 600px){
  .discover-display-body{
      width: 100%;
      max-width: inherit;
  }

  .discover_content{
    width: 95%;
    margin-left: 2.5%;
    max-width: inherit;
  }

  .discover_content.row{
    margin-right: inherit;
    margin-left: inherit;
  }
}

.discover-display-box{
  border: 1px solid lightgray;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.discover-display-image {
  height: 225px;
  overflow-y: hidden;
}

.discover-display-image img{ width: 100%; }
.product  .discover-display-image img{ object-fit: scale-down; }

.discover-display-content {
  margin-top: 10px;
  padding: 5px;
}

.discover-display-info{
  min-height: 110px;
}

.discover-display-content div.title{
  display: block;
  text-transform: uppercase;
  font-weight: 100;
  color:gray;
  font-size: 1.1em;
}

.discover-display-content div.concern{
  display: block;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 0.7em;
  color:black;
}

.discover-display-content div.price{
  display: block;
  font-weight: inherit;
  color: black;
}

.discover-display-content div.time{
  padding: 5px 0 5px 0;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  color:black;
}


/* FOOTER */

.footer{
  background-color: rgb(250,250,250);
  font-size: 0.9em;
  padding-top: 30px;
  padding-bottom: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#map{
  height: 300px;
}


.error-page{
  height: 400px;
  background: url('Assets/Images/17-1.jpg') center 60px no-repeat;
  background-size: 65%;
  text-align: center;
}
.error-page .error-title{
  color: black;
  text-transform: uppercase;
  text-shadow: 3px 0px 6px rgba(150, 150, 150, 1);
  border-radius: 0px;
}

.filter_container{
  text-align: left;
}

.filter_control{
  min-width: 100px;
  background: rgb(245,245,245);
  height: 38px;
}

@media only screen and (max-width: 800px){
  .filter_control{
    min-width: 100%;
    height: 30px;
    margin-bottom: 2px;
  }
}