/* cmsms stylesheet: wwodo_base modified: 07/17/17 12:39:51 */
html {
	position: relative;
	min-height: 100%;
}

body {
	font-family: Lato-Regular, Helvetica, Arial, sans-serif;
	color: black;
	margin-bottom: 50px;
}

nav.navbar-default {
	background-color: black;
	border-style: none;
	color: white;
	margin-bottom: 0;
}

.navbar-default .row.navbar-header {
	width: 70%;
	position: relative;
	margin: 0 auto;
	float: none;
}

.navbar-default .navbar-brand {
	display: block;
	float: right;
	
	width: 283px;
	height: 98px;
	text-indent: 283px;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 20px;
}

.navbar-default .row#navbar {
	width: 70%;
	position: relative;
	margin: 0 auto;
	float: none;
}

.navbar-toggle {
	float: left;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:link, .navbar-default .navbar-brand:visited {
	color: white;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:visited:hover {
	color: white;
}

.navbar-default .navbar-main {
	font-family: Lato-Thin;
	width: 100%;
}

.navbar-default .navbar-main li {
	text-align: center;
}

/*If extra small device*/
@media (max-width: 768px) { 
	.navbar-default .navbar-main li {
		text-align: left;
	}
}

.navbar-default .navbar-main>li>a, .navbar-default .navbar-main>li>a:link, .navbar-default .navbar-main>li>a:visited {
	color: white;
}

.navbar-default .navbar-main>li>a:hover, .navbar-default .navbar-main>li>a:visited:hover {
	color: white;
	text-decoration: underline;
	background-color: transparent;
}

.navbar-default .navbar-main>.menuactive>a {
	background-color: transparent;
	text-decoration: underline;
}

.navbar-default .navbar-main>.active>a:hover {
	color: white;
	background-color: transparent;
}

#main-container {
	margin-bottom: 0;
}

#main-container .row.panel {
	padding-top: 30px;
	padding-bottom: 30px;
	
	margin-top: 0;
	margin-bottom: 0;
	
	/*reset style of accordion*/
	border-style: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

#main-container .row .panel-heading {
	padding: 0;
}

#main-container .row h2 {
	font-size: 1.2em;
	width: 70%;
	margin: 0 auto 20px auto;
		
	font-family: Lato-Semibold;
}

#main-container .row h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
		
	font-family: Lato-Semibold;
}

#main-container .row h4 {
	font-size: 1.0em;
	margin-bottom: 10px;
		
	font-family: Lato-Semibold;
}

#main-container .row h2 a, #main-container .row h2 a:link, #main-container .row h2 a:visited, #main-container .row h2 a:hover {
	text-decoration: none;
	cursor: pointer;
}

#main-container .row .row-content {
	width: 70%;
	position: relative;
	margin: 0 auto;
	
	font-family: Lato-Light;
}

#main-footer {
	clear: both;
	position: absolute;
	bottom: 0;
	height: 50px;
	padding-top: 20px;
	width:100%;
}

body.impuls {
        margin-bottom: 120px;
}

body.impuls #main-footer {
        height: 120px;
}

#main-footer .row {
	width: 70%;
	position: relative;
	margin: 0 auto;
	
	font-size: 0.6em;
}

body.impuls #main-footer div.logos img {
        margin-left: 70px;
}

body.impuls #main-footer p.info {
        margin-top: 20px;
}

body.impuls .navbar-default .navbar-brand {
	width: 290px;
	height: 78px;
	text-indent: 290px;
	margin-bottom: 20px;

	background-image: url('https://wwodo.mokop.co/uploads/images/logo-impuls.png');
}

.image-caption {
        margin: 20px 0;
        font-size: 0.8em;
}

dt {
        font-family: Lato-Semibold;
}

div.footer-images {
        width: 100%;
        height: 100px;
        background: url('https://wwodo.mokop.co/uploads/images/footer/footer-photos.jpg') repeat-x;
}

div.footer-images .triangle-left-top {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 0;
border-color: #ffffff transparent transparent transparent;
}

div.footer-images .triangle-left-bottom {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 0 50px;
border-color: transparent transparent transparent #ffffff;
}

div.footer-images .triangle-right-top {
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 50px 0;
border-color: transparent #ffffff transparent transparent;
}

div.footer-images .triangle-right-bottom {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 50px 50px;
border-color: transparent transparent #ffffff transparent;
}

.space-bottom-sm { margin-bottom: 10px; }
.space-bottom-md { margin-bottom: 20px; }
.space-bottom-lg { margin-bottom: 40px; }
/* cmsms stylesheet: wwodo_base_turquoise modified: 07/17/17 12:39:51 */
/*Base color turquoise*/
.base-color-turquoise .navbar-default .navbar-brand {
	background-image: url('https://wwodo.mokop.co/uploads/images/logo-turquoise.png');
}

.base-color-turquoise #main-container > .row {
	background: #d1d3d4; /* Old browsers */
	background: -moz-linear-gradient(top,  #d1d3d4 0%, #bcbec0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d3d4), color-stop(100%,#bcbec0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d1d3d4 0%,#bcbec0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d1d3d4 0%,#bcbec0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d1d3d4 0%,#bcbec0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d1d3d4 0%,#bcbec0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d3d4', endColorstr='#bcbec0',GradientType=0 ); /* IE6-9 */
}

.base-color-turquoise #main-container > .row.active a,
.base-color-turquoise #main-container > .row.active a:link,
.base-color-turquoise #main-container > .row.active a:hover,
.base-color-turquoise #main-container > .row.active a:hover:visited {
        color: white;
}

.base-color-turquoise #main-container > .row.active {
	background: #00cca7; /* Old browsers */
	background: -moz-linear-gradient(top,  #00cca7 0%, #4cffe1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00cca7), color-stop(100%,#4cffe1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00cca7 0%,#4cffe1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00cca7 0%,#4cffe1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00cca7 0%,#4cffe1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00cca7 0%,#4cffe1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cca7', endColorstr='#4cffe1',GradientType=0 ); /* IE6-9 */

	color: black;
}

.base-color-turquoise #main-container > .row.active h2 {
	color: white;
}
/* cmsms stylesheet: wwodo_base_orange modified: 07/17/17 12:39:51 */
/*Base color orange*/
.base-color-orange .navbar-default .navbar-brand {
	background-image: url('https://wwodo.mokop.co/uploads/images/logo-orange.png');
}

.base-color-orange #main-container > .row {
	background: #d1d3d4; /* Old browsers */
	background: -moz-linear-gradient(top,  #d1d3d4 0%, #bcbec0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d3d4), color-stop(100%,#bcbec0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d1d3d4 0%,#bcbec0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d1d3d4 0%,#bcbec0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d1d3d4 0%,#bcbec0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d1d3d4 0%,#bcbec0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d3d4', endColorstr='#bcbec0',GradientType=0 ); /* IE6-9 */
}

.base-color-orange #main-container > .row.active {
	background: #ff5940; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff5940 0%, #ef682e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5940), color-stop(100%,#ef682e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff5940 0%,#ef682e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff5940 0%,#ef682e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff5940 0%,#ef682e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff5940 0%,#ef682e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5940', endColorstr='#ef682e',GradientType=0 ); /* IE6-9 */

	color: white;
}

.base-color-orange #main-container > .row.active a {
	color: white;
}

.base-color-orange #main-container > .row.active .modal-content {
	color: black;
}

.base-color-orange #main-container > .row.active .modal-content a {
	color: black;
}

.base-color-orange #main-container > .row.active h2 {
	color: black;
}
/* cmsms stylesheet: wwodo_fonts modified: 07/17/17 12:39:51 */
/* TO DO: add fonts in other formats*/
@font-face {
	font-family: Lato-Thin;
	src: url('https://wwodo.mokop.co/uploads/fonts/Lato-Thin.ttf');
}

@font-face {
	font-family: Lato-Light;
	src: url('https://wwodo.mokop.co/uploads/fonts/Lato-Light.ttf');
}

@font-face {
	font-family: Lato-Regular;
	src: url('https://wwodo.mokop.co/uploads/fonts/Lato-Regular.ttf');
}

@font-face {
	font-family: Lato-Semibold;
	src: url('https://wwodo.mokop.co/uploads/fonts/Lato-Semibold.ttf');
}

@font-face {
	font-family: Lato-Bold;
	src: url('https://wwodo.mokop.co/uploads/fonts/Lato-Bold.ttf');
}

@font-face {
	font-family: MinionPro-Regular;
	src: url('https://wwodo.mokop.co/uploads/fonts/Lato-Bold.ttf');
}