/* LDC P2 Custom CSS */

/* components */

body {
	background: #FFFFFF;
	margin: 10px 10px 10px 10px;
	/* font-family: Arial, Helvetica, sans-serif; */
	color: #4C4C4C;
}

h1 {
	/* font-style: italic; */
	font-family: 'Oxygen', sans-serif !important;
	color: #743293; 
	font-weight: 700; 

}

h1.homepagelogo {
	font-size: 3.00rem;

}

h2 {
	/*font-weight: 500; */
	color: #545454;  
	font-weight: 700; 
	font-size: 2.00rem;	
}

.h2purple {
	/*font-weight: 500; */
	color: #743293;  
	font-weight: 700; 
	font-size: 2.25rem;	
}

h3, h2.h3 {
	/* font-weight: 500; */
	color: #545454;
	font-weight: 700; 
	font-size: 1.50rem;
}

h4, h2.h4 {
	/* font-weight: 500; */
	color: #545454;
	font-weight: 700; 
}

h5, h3.h5, h2.h5 {
	color: #545454;
	font-weight: 700; 
}

h6 {
	color: #545454;
}

p {
	/* font-family: Arial, Helvetica, sans-serif; */
	/*  font-family: "Noto Sans",sans-serif;*/
	color: #4C4C4C;
}

.ligneMauve {
    height: 3px;
    background-color: #743293;
    width: 100px;
    display: block;
    margin-bottom: 10px;
}

.thead-purple {
    background-color: #545454;
    color: #fff;
}

.thead-purple p {
    background-color: #545454;
    color: #fff;
}

.media-body {
    overflow: visible;
	float: right;
}

blockquote {
  background: #f9f9f9;
  background: #d9e2e5;
  background: #f8f9fa; /* a pretty light gray */
  /*background: lightgray; */
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

a {
	overflow-wrap: break-word;
}

a:link {

}
/* old blue colour was 006BAF */

a:visited {

}

a:hover {

	text-decoration: none; 
}

hr {
	height: 1px;
	color: #545454;
}

.bg-mauve {
    background-color: #e0dbe2!important;
}

.border-mauve {
    background-color: #e0dbe2!important;
}

.card-shadow {
    box-shadow: 0 0 20px 0 rgba(100, 100, 100, 0.26);
}

.wpml-ls-item-legacy-list-horizontal {
	min-width: 100px;
	/* padding-bottom: .15rem !important; */
	/* min-height: 60px; */
	/*margin-bottom: 20px; */
	/*margin-right:40px; */
	padding-left: 0px;
}

.logo {
    max-width: 700px;
	max-height: 99px;
    width: 100%;
}

.img-max {
    max-width: 600px;
    width:100%;
}

.mt-7, .my-7 {
    margin-top: 4rem !important;
}

@media only screen and (max-width: 1000px) {
.logo {
    max-width: 600px;
	max-height: 99px;
    width: 100%;
}
}

@media only screen and (max-width: 600px) {
.logo {
    max-width: 450px;
	max-height: 99px;
    width: 100%;
}
}

@media only screen and (max-width: 1200px) {
.smallimage {
    max-width: 175px;
    width: 100%;

}
}

@media only screen and (max-width: 900px) {
.smallimage {
    max-width: 125px;
    width: 100%;

}
}

@media only screen and (min-width: 1600px) {
.container {
    max-width: 1540px;
}

.socialMediaHead {
    position: absolute;
    right: 15px;
	min-width: 90px;

}
.paddingtopbottom {
	padding-top: 15px;
	padding-bottom: 15px;
}

details {
    margin-bottom: .25em;
}

details summary {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #545454;
    padding: 5px 15px;
	margin-left: -1.1em;
    margin-right: -1.1em;
}

details summary:focus {
    outline-style: dotted;
    outline-width: 1px;
}
details summary:focus, details summary:hover {
    background-color: transparent;
    color: #743293;
    text-decoration: underline;
}
summary:focus, summary:hover {
    background: #ddd;
    color: #000;
}