/*
Theme Name: CiaoCustom
Author: Valentin Kaelin
Author URI: https://kalane.ch
Description: Thème WordPress basé sur Bootstrap 4
Version: 1.0
Text Domain: CiaoCustom
*/

/*
Palette :
#7CD0F5
#00254F
*/

/* GENERAL */
* {
	font-family: 'Open Sans', sans-serif;
}

html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

body {
	background-color: #eee;
	padding-right: 0 !important
}

h1, h1 strong {
	font-weight: bold;
	font-size: 40px;
	margin-bottom: 10px;
}

.divider {
	width: 100%;
	margin: 50px 0;
}

h2.h2-articles {
	margin-top: 20px;
	font-weight: bold;
	font-size: 25px;
	color: #00254F;
}

a {
	color: #29B6F6;
}

a:hover {
	text-decoration: none;
	color: #00254F;
	transition: 0.4s;
}

.m-dw-30 {
	margin-bottom: 30px;
}

.m-up-reset {
	margin-top: 0;
}

.m-up-20 {
	margin-top: 20px;
}

.n-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 10px;
}

.n-container-small {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 10px;
}

.bg-dark {
    background-color: #00254F !important;
}

h1 a {
	text-decoration: none !important;
	color: black;
	font-weight: bold;
}

.container {
	margin-top: 25px;
}

.white-card {
  width: auto;
  min-height: inherit;
  position: static;
  overflow: visible;
  display: block;
  padding: 45px 25px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.03), 0 1px 5px 0 rgba(0, 0, 0, 0.03);
  background: #fff;
  border-radius: 2px;
}

iframe {
	display: block;
	margin: 0 auto;
}

@media (max-width: 600px) {
	iframe {
		width: 400px;
		height: 224px;
	}
}

.title {
	position: relative;
	font-family: 'Gochi Hand', cursive;
	font-size: 45px;
	text-align: center;
	margin-bottom: 30px;
	color: #00254F;
}

.blue-line {
	display: block;
	position: absolute;
	height: 20px;
	left: 50%;
	top: 50px;
	margin-left: -50px;
}

@media (max-width: 446px) {
	.title {
		position: relative;
		font-family: 'Gochi Hand', cursive;
		font-size: 35px;
		text-align: center;
		margin-bottom: 30px;
	}

	.blue-line {
		display: block;
		position: absolute;
		height: 15px;
		left: 50%;
		top: 40px;
		margin-left: -38px;
	}
}

@media (max-width: 339px) {
	.title {
		font-size: 25px;
		margin-bottom: 30px;
	}

	.blue-line {
		top: 35px;
	}

}

.white-row {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.03), 0 1px 5px 0 rgba(0, 0, 0, 0.03);
    background: #fff;
    border-radius: 2px;
}

.avoid-left-pad {
	padding-left: 0px;
}

.avoid-right-pad {
	padding-right: 0px;
}

.more-link {
	color: #7CD0F5;
}

.more-link:hover {
	color: #00254F;
	transition: 0.4s;
	text-decoration: none;
}

.clickable {
  cursor: pointer;
}

@media (max-width: 767px) {
	* {
		font-size: 14px;
	}
}

input {
	border-radius: 0px;
}

.wpcf7-form textarea{
  height:75px;
}

.large {
  clear: both;
}

@media (max-width: 550px) {
	.p-5 {
		padding: 1rem !important;
	}
}

::selection {
  background: #7CD0F5;
  color: #ffffff;
}

::-moz-selection {
  background: #7CD0F5;
  color: #ffffff;
}

::-webkit-selection {
  background: #7CD0F5;
  color: #ffffff;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgba(0, 37, 79, 0.5);
  outline: 0;
  box-shadow: none;
}

.HIDE-EMTPY-CARD {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}