@charset "utf-8";
/*
 * Copyright (C) 2019 Ivà Domingo i Solsona - https://www.iva.cat/
 *
 *
 *  Redistribution and use in source and binary forms, with or without
 *  modification, are permitted provided that the following conditions
 *  are met:
 *
 *    Redistributions of source code must retain the above copyright
 *    notice, this list of conditions and the following disclaimer.
 *
 *    Redistributions in binary form must reproduce the above copyright
 *    notice, this list of conditions and the following disclaimer in the
 *    documentation and/or other materials provided with the
 *    distribution.
 *
 *    Neither the name of Ivà Domingo i Solsona nor the names of
 *    its contributors may be used to endorse or promote products derived
 *    from this software without specific prior written permission.
 *
 *  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 *  "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 *  LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 *  A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
 *  OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 *  SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 *  LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 *  DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
 *  THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 *  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 *  OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");

@font-face {
	font-family: "Avenir Next LT Pro";
	font-display: auto;
	src: url('../font/AvenirNextLTPro-Regular.otf');
}

@font-face {
	font-family: christmas;
	font-display: auto;
	src: url('../font/Christmas.ttf');
}

@font-face{
   font-family: daniel;
   font-display: auto;
   src: url('../font/daniel.ttf');
}

@font-face {
  font-family: avro;
  font-display: auto;
  src: url('../font/Arvo-Regular.ttf');
}

@font-face {
  font-family: avro;
  font-display: auto;
  src: url('../font/Arvo-Bold.ttf');
  font-weight: bold;
}

* { box-sizing: border-box;}

body { 
	font-family: Avenir Next LT Pro, avro, sans-serif;
	background-color: #ecefea;
	margin: 50px auto;
	max-width: 90%;
}

header{
	background-color: black;
}

.bg-light, .navbar-light{
	background-color: #ecefea !important;
}

p{
	font-family: Avenir Next LT Pro, avro, sans-serif;
	color: black;
}

.jumbotron{
	/*padding-top: 0px;
    padding-bottom: 0px;*/
    background-color: #ecefea;
	/*background-image: url('../abril1920.jpg');
	background-size: cover;*/

}

.carousel-caption{
	top:8%;
	bottom: auto;
	right: 20%;
	text-align: right;
	color: #928d8d;
}
.carousel-caption > h2{
	font-family: christmas;
	font-size: 6rem;
}

.carousel-control-next:hover, .carousel-control-prev:hover
{
	background-color: #928d8d;

}



.img-thumbnail{
	background-color: #ecefea;
	padding: 0.001rem;
}

.vertical-center {
	/*min-height: 60%;   Fallback for browsers do NOT support vh unit */
	min-height: 60vh; /* These two lines are counted as one :-)       */
	background-color: #ecefea;
	display: flex;
	align-items: center;
}


#site-title{
	font-family: "daniel", sans-serif;
}

#site-title{
	color:#ecefea;
	text-decoration: none;
	font-size: 1.5rem;
}

header a{
	color:white;
	text-decoration: none;
}

footer p,a{
	text-decoration: none;
}

/* Animation words*/
.anim {
	position: relative;
	/*font-family: sans-serif;
	text-transform: uppercase;*/
	/*font-size: 2em;*/
	letter-spacing: 4px;
	overflow: hidden;
	background: linear-gradient(90deg, #000, #fff, #000) no-repeat;
	background-size: 80%;
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: rgba(255, 255, 255, 0);
}

.aFast{animation: animate 5s linear infinite;}

.aSlow {animation: animate 10s linear infinite;}

@keyframes animate {
	0% {background-position: -500%;}
  100% {background-position: 500%;}
}

/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
    	margin-bottom: 0;
    	border-radius: 0;
    	border-style: none;
    }

    .container-fluid{
    	background-color: #ecefea;
    }
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 450px}
    
   
    /* Set black background color, white text and some padding */
    footer {
    	background-color: #ecefea;
    	color: white;
    	padding: 15px;
		margin-inline: 5%;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
    	body { 
			margin: 10px auto;
			max-width: 100%;
		}

      	.sidenav {
        	height: auto;
        	padding: 15px;
      	}
      	#site-title{font-size: 1rem;
}
      	.row.content {height:auto;}
      
    }

  	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    	background-color: #222;
    	color:#ecefea;
    }