/*
Theme Name: Vertoh
Theme URI: http://www.showthemes.com/2015-event-wordpress-theme-vertoh
Author:  Showthemes
Author URI: http://www.showthemes.com
Description: Vertoh is a WordPress Theme by Showthemes. Designed by Fabio Cannillo and developed by Simone Bolognini (http://www.simonebolognini.it)
Version: 1.3.55
*/

/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.wdfTitle {
	line-height: 1.5em;
	font-size: 150%;
}

.blogHero {
	line-height: 1.5em;
	font-size: 120%;
	margin-bottom: 10px;
}

.box {
	margin: 30px 0;
}

.entry-meta {
	display: none;
}

.postmeta {
	display: none;
}

.videoContainer {
	display: block;
	margin: auto;
	width: 70%;
	height: 70%;
}

.chart {
	width: 100%;
	min-height: 450px;
}

ul {
	margin-bottom: 20px;
}

/*-------------------------------------*/
ul li {
	list-style-type: disc;
	margin-left: 1.5em;
/* which should give space for the disc to show */
/*	list-style-position: inside;*/
/* will put the disc inside of the li element, for debugging purposes */
}

/*-------------------------------------*/
/* How can I make a list-style-image scale with the list's font size */
/* http://stackoverflow.com/questions/29932657/how-can-i-make-a-list-style-image-scale-with-the-lists-font-size-when-we-cant */
ul.unwdf {
	list-style: none;
}

ul.unwdf li {
	position: relative;
	list-style-type: none;
	margin-bottom: .5em;
}

ul.unwdf li:before {
/*
    The desired width gets defined in two places: The element width, and background size.
    The height only gets defined once, in background size.
    */
	position: absolute;
	display: block;
	content: '\2022';
/* bullet point, for screen readers */
	text-indent: -999999px;
/* move the bullet point out of sight */
	left: -1.3em;
	width: 1em;
/* desired width of the image */
	height: 1.1em;
/* unrelated to image height; this is so it gets snipped */
	background-repeat: no-repeat;
	background-size: .9em .9em;
	background-position: 0 .25em;
}

ul.unwdf li.triangle-green:before {
	background-image: url('http://10.241.94.60:8080/undataforum/wp-content/uploads/2016/09/triangle-green.jpg');
}

ul.unwdf li.square-red:before {
	background-image: url('http://10.241.94.60:8080/undataforum/wp-content/uploads/2016/09/square-red.jpg');
}

ul.unwdf li.circle-yellow:before {
	background-image: url('http://10.241.94.60:8080/undataforum/wp-content/uploads/2016/09/circle-yellow.jpg');
}

ul.unwdf li.triangle-blue-down:before {
	background-image: url('http://10.241.94.60:8080/undataforum/wp-content/uploads/2016/09/triangle-blue-down.jpg');
}

/*---------------------------------------*/
ul.unwdf2 {
	list-style: none;
	margin-top: 60px;
}

ul.unwdf2 li {
	position: relative;
	list-style-type: none;
	margin-bottom: .5em;
}

ul.unwdf2 li:before {
/*
    The desired width gets defined in two places: The element width, and background size.
    The height only gets defined once, in background size.
    */
	position: absolute;
	display: block;
	content: '\2022';
/* bullet point, for screen readers */
	text-indent: -999999px;
/* move the bullet point out of sight */
	left: -3.6em;
	width: 3.6em;
/* desired width of the image */
	height: 2.9em;
/* unrelated to image height; this is so it gets snipped */
	background-repeat: no-repeat;
	background-size: 2.4em 2.56em;
	background-position: .75em .2em;
}

ul.unwdf2 li.wdfLogo:before {
	background-image: url('http://10.241.94.60:8080/undataforum/wp-content/uploads/2016/09/World_Data_Forum_Image-1.jpg');
}

ul.unwdf2 li.wdfLogo h5 {
	line-height: 2em;
	padding-left: 12px;
}

/*----------------------------------------------*/
.theme1-color {
	color: rgb(0,96,157);
}

.theme1 {
	padding: 5px;
	color: #fff;
	background: rgb(0,96,157);
}

.theme2-color {
	color: rgb(14,106,156);
}

.theme2 {
	padding: 5px;
	color: #fff;
	background: rgb(14,106,156);
}

.theme3-color {
	color: rgb(38,111,55);
}

.theme3 {
	padding: 5px;
	color: #fff;
	background: rgb(38,111,55);
}

.theme4-color {
	color: rgb(162,23,35);
}

.theme4 {
	padding: 5px;
	color: #fff;
	background: rgb(162,23,35);
}

.theme5-color {
	color: rgb(197,155,37);
}

.theme5 {
	padding: 5px;
	color: #fff;
	background: rgb(197,155,37);
}

.theme6-color {
	color: rgb(90,90,90);
}

.theme6 {
	padding: 5px;
	color: #fff;
	background: rgb(90,90,90);
}

.theme1-color p,
.theme2-color p,
.theme3-color p,
.theme4-color p,
.theme5-color p,
.theme6-color p {
	color: #595959;
	margin-bottom: 0;
}



.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  
   border-left-color: #5bc0de;
  
  h4 {
    margin-top: 0;
    margin-bottom: 5px;
  }
  p:last-child {
    margin-bottom: 0;
  }
  code {
    border-radius: 3px;
  }
  & + .bs-callout {
    margin-top: -5px;
  }
}

}