/*
Theme Name: Coline
Author: Pascale Moise
Author URI: http://www.pascalemoise.com
Description: Coline Theme
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Material+Icons');

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
	box-sizing: border-box;
	position: relative;
}
html,body {
	position: relative;
	margin-top: 0 !important;
	min-height: 100%;
	max-width: 100vw;
	overflow-x: hidden;
	margin: 0;
}
body {
    background-color: #fff;
	margin: 0;
	font-weight: 400;
	min-height: 100vh;
}
body * {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;
	color: #000;
}
body strong {
	font-weight:600;
}
a {
}
b {
	font-weight: 500;
}
div.wrapper {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
h1, h2 {
	font-weight: 600;
}



a.button {
	display: inline-block;
	padding: 10px 15px;
	background: #fff;
	border:2px solid #484456;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 16px;
	text-align: center;
	margin: 10px;
	transition: all .25s ease-in-out 0s;
}
a.button:hover {
	background: #000;
	color: #fff;
	border-color: #000;
	letter-spacing: 2px;
}
@keyframes fromBottom {
    from {
        transform: translateY(100vh);
    }

    to {
        transform: translateY(0vh);
    }
}
@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: .5;
    }
}
button:focus {
	outline: none !important;
}


/* ----------- header ---------------*/
header {
	height: 80px;
}

header h1, header div.title {
			display: inline-block;
			position: relative;
			font-size: 2rem;
			font-weight: 500;
			margin: 10px 0 0  3vw;
			z-index: 9;
}


/*-------------------------------  nav-----------------------------------------------*/

div#burger {
	display: inline-block;
  	position: relative;
  	top: 22px;left: 3vw;
	padding: 0;
 	cursor: pointer;
	width: 40px;
	height: 40px;
	text-transform:uppercase;
	line-height: 60px;
	z-index: 99999;
	transition: all .5s ease-in-out 0s;
}
div#burger.active {
	
}
#burger span {
	margin-top: 5px;
	height: 50px;
}

#burger span, #burger span:before, #burger span:after {
  position: absolute;
  display: block;
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 25px;
  background: #000;
  content: '';
}
#burger span, #burger span:before, #burger span:after {
  background: #484456;
}
body.home nav:not(.opened) ~ #burger span, body.home  nav:not(.opened) ~ #burger span:before, body.home  nav:not(.opened) ~  #burger span:after {
  background: #000;
}

#burger span:before
 {
  top: -5px;
}
#burger span:after
 {
  bottom: -5px; 
}
#burger span, #burger span:before, #burger span:after {
  transition: all 500ms ease-in-out;
}
#burger.active span {
	background-color: transparent;
}
#burger.active span:before, #burger.active span:after {
  background-color: #484456;
}
#burger.active span:before, #burger.active span:after {
  top: 0;
}
#burger.active span:before{
  transform: rotate(45deg);
}
#burger.active span:after {
  transform: rotate(-45deg);
}



header nav {
	display: flex;
	justify-content:center;
	align-items:center;
	position: fixed;
	top: 0;left: 0;
	height: 100%;
	width: 100%;
	background: #fff;
	opacity:0;
	z-index: -1;
	transition: all .25s ease-in-out 0s;
}
header nav.opened {
	z-index: 8;
	opacity: 1;
}
header nav ul {
	list-style: none;
	padding: 0;
}
header nav ul li {
	
}
header nav ul li a {
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
}

@media screen and (min-width:900px)  { 
	div#burger {
		display: none;
	}
	header div.title {
		margin-left: 3vw;
	}
}


/*
.menu-item-has-children > a {
    pointer-events: none;
    cursor: default;
}
*/

/*-------------------------------  social -----------------------------------------------*/
div.menu-menu_social-container {
	position: absolute;
	top: 2vh;
	right: 3vw;
}
div.menu-menu_social-container ul  {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.menu-menu_social-container ul li a {
	text-indent: -9999em;
	display: inline-block;
	width: 24px;
	height: 24px;
}
div.menu-menu_social-container ul li:first-child::after {
	position: absolute;
	top: 0;left: 0;
	display: inline-block;
	content: ' ';
	background: url('./assets/img/social_instagram.png') no-repeat left top;
	background-size: contain;
	width: 22px;
	height: 22px;
}



/*-------------------------------  nav-----------------------------------------------*/


/* ----------- aside / article  ---------------*/
main {
	display: flex;
	min-height: calc(100vh - 100px);
    justify-content: center; 
	align-items: stretch;
}
main h1 {
	font-size: 1.5rem;
	font-weight: 500;
	margin-top: 0;
}

aside {
	display: flex;
	align-items: flex-start;
}
aside nav {

}
aside nav > ul {
	list-style: none;
	padding:3vw;
	margin: 0;
	min-width: 20vw;
}
aside nav ul.sub-menu {
	list-style: none;
	padding-left: 15px;
}
aside ul li {
	padding: .5vh 0;
}
aside ul li a {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	font-size: .9em;
	line-height: 1.1em;
}
aside ul li.current-menu-item > a {
	opacity: .5;
}
main > article {
	padding:3vw;
	flex-grow: 1;
}
main > article p {
	max-width: 900px;
}
body.homepage main > article {
	display: flex;
	align-items: center;
}

@media screen and (max-width:900px)  { 
	aside {
		display: none;
	}
	main {
		display: block;
	}
}



/* ----------- galleries  ---------------*/
div.rl-gallery-container {
	padding: 2vh 0;
}

div.rl-gallery-item a.rl-gallery-link {
	display: block;
	aspect-ratio: 1/1;
	overflow: hidden;
	justify-content: center;
	align-items: center;
}
div.rl-gallery-item a.rl-gallery-link img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.glightbox-clean .gslide-description {
    background: none !important;
}

.glightbox-clean .gslide-desc {
	font-family: inherit !important;
	color: #fff !important;
	font-size: inherit !important;
	
}


/* ----------- slider de home  ---------------*/
body.home div.rl-gallery-container.splide {
	padding: 0;
}
body.home main > article {
	padding-bottom: 0;
}
div.rl-gallery-container.splide li {
		text-align: center;
}
div.rl-gallery-container.splide li a  {
		pointer-events: none;
}
div.rl-gallery-container.splide li a img {
		max-height: calc(100vh - 160px - 3vw);
		width: 100%;
		object-fit: contain;
		pointer-events: none;
}
body.home div.rl-gallery a.rl-gallery-link {
	display: block;
	padding-bottom: 30px;
}
div.rl-gallery .rl-gallery-link .rl-gallery-caption {
		display: block;
		position: absolute;
		bottom: 0px;
		text-align: center;
		padding: 0 !important;
}
div.rl-gallery .rl-gallery-item-title {
		font-size: 14px;
}

/* ----------- global animation gallery container  ---------------*/

.rl-gallery-container {
	opacity: 0;
    animation: fadeInFromNone 0.5s ease-out;
	animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInFromNone {

    0% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}