/*
Theme Name:     Thème Enfant Weaver Xtreme
Description:    Style Sheet for page content
Author:         Koenraad
Template:       weaver-xtreme

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/* Styles for common use in all pages */
.vr7 {
  color: #FFCC00;
  font-weight: bold;
}
.xxlarge {
  color: #FFCC00;
  font-size: xx-large;
  font-weight: bold;
}

.second-title {
  color: #FFFFFF;
  margin-bottom: 0.15em;
  font-size: 1.875em;
  font-weight: bold;
  padding-bottom: 0.1em;
  line-height: 1.1;
  margin-top: 0.25em;
  vertical-align: baseline;
}

.premium {
  color: #FFFFFF;
  font-weight: bold;
}

/* Style for the page Devenir Premium */
.image-construction {
  display: block;
  width: 150px;
  margin: auto;
}

/* Set style for the page "Conditions Générales" */
.table-cg {
  margin-left:auto; 
  margin-right:auto;
  width: 100%;
  border: none !important;
}
.cgcol1 {
  border: none !important;
  text-align: right;
  vertical-align: middle;
  width: 60px;
  font-family: Verdana,serif;
  color: #888;
  line-height: normal;
  font-size: 14px;
}
.cgcol2 {
  border: none !important;
  text-align: justify;
  vertical-align: middle;
  font-family: Verdana,serif;
  color: #888;
  line-height: normal;
  font-size: 14px;
}
#cg62 {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin-left: 0;
}
#cg62 li {
/* handle multiline */
  overflow: visible;
  padding-left: 17px;
  position: relative;
}
#cg62 li:before {
/* your own marker in content */
  content: "-"; /* Insert content that looks like a dash */
  left: 0;
  position: absolute;
}
#cg71 {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin-left: 0;
}
#cg71 li {
/* handle multiline */
  overflow: visible;
  padding-left: 17px;
  position: relative;
}
#cg71 li:before {
/* your own marker in content */
  content: "-"; /* Insert content that looks like a dash */
  left: 0;
  position: absolute;
}
#cg82 {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin-left: 0;
}
#cg82 li {
/* handle multiline */
  overflow: visible;
  padding-left: 17px;
  position: relative;
}
#cg82 li:before {
/* your own marker in content */
  content: "-"; /* Insert content that looks like a dash */
  left: 0;
  position: absolute;
}
#cg92 {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin-left: 0;
}
#cg92 li {
/* handle multiline */
  overflow: visible;
  padding-left: 17px;
  position: relative;
}
#cg92 li:before {
/* your own marker in content */
  content: "-"; /* Insert content that looks like a dash */
  left: 0;
  position: absolute;
}
#cg94 {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin-left: 0;
}
#cg94 li {
/* handle multiline */
  overflow: visible;
  padding-left: 17px;
  position: relative;
}
#cg94 li:before {
/* your own marker in content */
  content: "-"; /* Insert content that looks like a dash */
  left: 0;
  position: absolute;
}
#cg96 {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin-left: 0;
}
#cg96 li {
/* handle multiline */
  overflow: visible;
  padding-left: 17px;
  position: relative;
}
#cg96 li:before {
/* your own marker in content */
  content: "-"; /* Insert content that looks like a dash */
  left: 0;
  position: absolute;
}
#cg102 {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin-left: 0;
}
#cg102 li {
/* handle multiline */
  overflow: visible;
  padding-left: 17px;
  position: relative;
}
#cg102 li:before {
/* your own marker in content */
  content: "-"; /* Insert content that looks like a dash */
  left: 0;
  position: absolute;
}

/* Set style for ECO "CYCLE" in header and ECO "CYCLE" page */
.eco-cycle2 {
  color: #22b14c;
  font-style: bold;
}
h1.title-page-eco-cycle {
  color: #22b14c;
  margin-top: -1.0em;
  margin-bottom: 0.45em;
}





/* responsive rules for tablets and phones with screen width between 580px and 767px */
@media screen and (min-width:580px) and (max-width:767px) {


}
/* responsive rules for tablets and phones with screen width between 360px and 579px */
@media screen and (min-width:360px)  and (max-width:579px) {
h1 {
  font-size: 22px;
}
h2 {
  font-size: 20px;
}

}
/* responsive rules for tablets and phones with screen width lower than 360px */
@media screen and (max-width:359px) {
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
}

}