/* cmsms stylesheet: globals modified: 01/22/19 14:45:22 */




.waterwatt-green {
   color: #2a727d;
}

.waterwatt-ltgreen {
   color: #3a9baa;
}

.waterwatt-yellow {
   color: #efc52e;
}

.waterwatt-orange {
   color: #cf642f;
}

.waterwatt-ltgrey {
   color: #ccc;;
}


    html {
	font-size: 16px;
	}

@media only screen and (max-width:992px) {
		html {
		font-size: 13px;
		}
}

@media only screen and (max-width:768px) {
		html {
		font-size: 13px;
  		}
}

@media only screen and (max-width:576px) {
		html {
    	font-size: 11px;
  		}
}
	



body {
    padding-top: 0px;
    font-family: "raleway", sans serif;
            -ms-hyphens: auto;
    	-webkit-hyphens: auto;
        		hyphens: auto;

}

.no-hyphens	{
            -ms-hyphens: none;
    	-webkit-hyphens: none;
        		hyphens: none;
}

.container-padding {
	padding: 0 5%;
}




.redbg {
	background-color: rgba(255,0,0,0.3);
	}

.greenbg {
	background-color: rgba(0,255,0,0.3);
	}

.bluebg {
	background-color: rgba(0,0,255,0.3);
	}	

.redbd {
	border: 1px solid rgba(255,0,0,0.9);
	}

.greenbd {
	border: 1px solid rgba(0,255,0,0.9);
	}

.bluebd {
	border: 1px solid rgba(0,0,255,0.9);
	}
/* cmsms stylesheet: custom_styles modified: 12/03/18 11:27:05 */

     .hiddenmail:after {
  			content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
			}




header h1, header h2, header h3, header h4, header p	{
	color: white;
	padding: 0 0;
	}

.home_header	{
    height: 600px;
    background: no-repeat bottom center scroll;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
	background-image: url('../../assets/images/slider-bg.jpg');
	border:0px solid red;
}



.home_header .image	{
    background: no-repeat center 150px scroll;
    -webkit-background-size: 60%;
       -moz-background-size: 60%;
         -o-background-size: 60%;
            background-size: 60%;
	height:100%;
	background-image: url('../../assets/images/iwc_sc.svg');
	display:block;
	border:0px solid green;
		
}

@media only screen and (max-width:992px) {
	.home_header 	{
	height:	380px;
	}
	.home_header .image	{
    -webkit-background-size: 80%;
       -moz-background-size: 80%;
         -o-background-size: 80%;
            background-size: 80%;
    }
    
}
@media only screen and (max-width:768px) {
	.home_header 	{
	height:	320px;
	}
	.home_header .image	{
		background-position-y: 100px;
	}	
}
@media only screen and (max-width:576px) {
	.home_header 	{
	height:	240px;
	}
	.home_header .image	{
	background-position-y: 70px;
	background-image: url('../../assets/images/iwc_small_sc.svg');
    -webkit-background-size: 85%;
       -moz-background-size: 85%;
         -o-background-size: 85%;
            background-size: 85%;

	}
	
}

.carousel-item, .carousel.bg {
    height: 75vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}


.carousel-caption {bottom: 190px;}

.portfolio-item {
    margin-bottom: 30px;
}




nav#trans .navbar-brand span {
			background-image:url(../../assets/images/waterwatt-logo_white_sc.svg);
            width:250px;
            height:70px;
            display:inline-block;
		}

nav#white          .navbar-brand span,
nav#trans.scrolled .navbar-brand span {
			background-image:url(../../assets/images/waterwatt-logo_sc.svg);
            width:150px;
            height:42px;
            display:inline-block;
		}

@media only screen and (max-width:576px) {
		nav#trans .navbar-brand span {
    	        width:150px;
    	        height:42px;
			}

	nav#white          .navbar-brand span,
	nav#trans.scrolled .navbar-brand span {
       	     	width:100px;
       	     	height:28px;
		}
}



nav#trans, nav#trans .navbar-brand span 
{
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

nav#white,
nav#trans.scrolled
	{
   background-color:rgba(255,255,255,.9);
       -moz-box-shadow: 1px 2px 4px rgba(0, 3, 5, .5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 3, 5, .5);
            box-shadow: 1px 2px 4px rgba(0, 3, 5, .5);
   }


nav#trans button 	{
    border:1px solid white;
    color:white;
	}	

nav#trans button:hover 	{
    border:1px solid white;
    background-color:white;
    color:#784219;
	}	

nav#white button,
nav#trans.scrolled button	{
    border:1px solid #2a727d;
    color:#2a727d;
	}	

nav#white button:hover,
nav#trans.scrolled button:hover	{
    border:1px solid #2a727d;
    background-color:#2a727d;
    color: white;
	}	



nav#trans .nav-link
{
  color:white;
}

nav#trans .dropdown-item .nav-link {
	color: #2a727d;
}

nav .dropdown-item.active {
	background-color: #8dcdd7;
}


nav .dropdown-item:hover {
    background-color: #ecf6f8;
}

nav .dropdown-item:active {
    background-color: #8dcdd7;
}


nav#white .nav-link,
nav#trans.scrolled .nav-link
{
  color:#2a727d;
}




a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}




ul li {
	padding-top: 0.5em;
}



footer #ackn 
{
  margin-top: 3em;
  padding-top: 3em;
  padding-right: 0px;
  padding-bottom: 3em;
  padding-left: 0px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #2a727d;
  background-color: #9fc0c5;
}

footer #copyright 
	{
	border: 0px;
	padding:20px 0;
	color:#ddd;
	background-color: black;
	text-align:center;
	}



.content a, .footer a
{
  color: #3a9baa;
  font-weight:500;

}

	

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
  padding: 1em 0;
  font-weight: 700;
  color: #2a727d;
}

.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 3;
  }
  @include media-breakpoint-only(xl) {
    column-count: 3;
  }
}


.circle { 
   width: 50px;
   height: 50px;
   background: #8dcdd7;
   -moz-border-radius: 25px; 
   -webkit-border-radius: 25px; 
   border-radius: 25px;
   color:#2a727d;
   padding-top:11px;
   padding-left:0px;
   margin-left: -70px;
   margin-right:20px;
   text-align:center;
   font-size:27px;
	}

.indent {
	padding-left: -70px;
	}






.table-waterwatt {
	border:1px solid #3a9baa;
	font-size: 0.9em;
	}
.table-waterwatt th {
	background-color:#2a727d;
	color:white;
	}
.table-waterwatt.table-striped tbody tr:nth-of-type(odd) {
  background-color: #ecf6f8;
}

.table-waterwatt.table-hover tbody tr:hover {
  background-color: #8dcdd7;
}




table.agenda td {
	padding: 5px 10px;
	vertical-align: top;
}

table.agenda td:first-child {
	color:#2a727d;
	padding-left:0;
}

table.agenda td:last-child {
	padding-right:0;
}




section	{
	margin: 2em 0;
	padding: 2em 2%;
	}

.vbrgreenbg {
	background-color: #ecf6f8;
	}


.headline	{
	font-size:1.7rem;
	font-weight:bold;
	}

.sectionheader,
.colheader {
	color:#2a727d;
	}

.sectionheader .title,
.colheader .title {
	padding:1em 0;
	text-align:center;
	margin-left:70px;
	}

.sectionheader .title h1,
.colheader .title h2 {
	display:inline;
	}

	
.sectionheader .text,
.colheader .text {
	font-size:1.1em;
	font-weight:700;
	padding:1em 0;
	text-align:justify;
	}

.sectioncontent,	{
	padding:1em 0;
}


.event-date {
  	text-align: center;
  	background-color:white;
  	border:1px solid #ccc;
  	}
.event-date .month{
	font-size: 1.2em;
  	}
.event-date .year{
	margin-top: -0.2em;
	font-size: 1.1em;
  	}
.event-date .day
  	{
  	font-weight:300;
  	font-size: 2.5em;
  	line-height:1em;
  	margin-top: -0.2em;
  	margin-bottom: 0px;
	}

.event-info
  	{
  	
	}





.photo	{
	width:100%;
	border:6px solid white;
	background-color:white;
	-webkit-box-shadow: 9px 10px 41px -6px rgba(0,0,0,0.4);
	   -moz-box-shadow: 9px 10px 41px -6px rgba(0,0,0,0.4);
			box-shadow: 9px 10px 41px -6px rgba(0,0,0,0.4);
}			



.form-group .required   {
	font-size:2em;
	color:red;
	vertical-align: -0.3em;
    line-height: 0;
	}
input#dpyes	{
	margin-left:0px;
	}
input#nlyes, input#nlno	{
	position: static;
	margin-left:0px;
	}
label[for=nlyes], label[for=nlno]	{
	padding-left:0.3rem;
	padding-right:0.3rem;
	}
/* cmsms stylesheet: custom_buttons modified: 04/11/18 16:05:30 */



a.btn	{
	color: #eee;
	font-weight:400;
	}
.btn-default	{
	color: #333;
	background-color: $fff;
	border-color: #ccc;
	}

.btn-default:focus, .btn-default.focus	{
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;
	}

.btn-default:hover	{
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
	}

.btn.search-submit	{
	margin-left: 3px;
	}

.btn-waterwatt {
  color: #ffffff;
  background-color: #2a727d;
  border-color: #20565e;
}
.btn-waterwatt:focus,
.btn-waterwatt.focus {
  color: #ffffff;
  background-color: #20565e;
  border-color: #1a454b;
}
.btn-waterwatt:hover {
  color: #ffffff;
  background-color: #20565e;
  border-color: #1a454b;
}
.btn-waterwatt:active,
.btn-waterwatt.active,
.open > .dropdown-toggle.btn-waterwatt {
  color: #ffffff;
  background-color: #20565e;
  border-color: #1a454b;
}
.btn-waterwatt:active:hover,
.btn-waterwatt.active:hover,
.open > .dropdown-toggle.btn-waterwatt:hover,
.btn-waterwatt:active:focus,
.btn-waterwatt.active:focus,
.open > .dropdown-toggle.btn-waterwatt:focus,
.btn-waterwatt:active.focus,
.btn-waterwatt.active.focus,
.open > .dropdown-toggle.btn-waterwatt.focus {
  color: #ffffff;
  background-color: #20565e;
  border-color: #1a454b;
}
.btn-waterwatt:active,
.btn-waterwatt.active,
.open > .dropdown-toggle.btn-waterwatt {
  background-image: none;
}
.btn-waterwatt.disabled:hover,
.btn-waterwatt[disabled]:hover,
fieldset[disabled] .btn-waterwatt:hover,
.btn-waterwatt.disabled:focus,
.btn-waterwatt[disabled]:focus,
fieldset[disabled] .btn-waterwatt:focus,
.btn-waterwatt.disabled.focus,
.btn-waterwatt[disabled].focus,
fieldset[disabled] .btn-waterwatt.focus {
  background-color: #2a727d;
  border-color: #2a727d;
}
.btn-waterwatt .badge {
  color: #2a727d;
  background-color: #ffffff;
}
/* cmsms stylesheet: animations modified: 11/05/17 21:34:55 */
.flip {
	-webkit-perspective: 600px;
	border:0px solid green;
	
}

.flip .front, .flip .back {
	transition: -webkit-transform 1s;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}

.flip .front {
    width:100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

.flip .back {
	-webkit-transform: rotateY(-180deg);
	overflow: hidden;
	width:100%;

}

.flip:hover .back {
	-webkit-transform: rotateY(0);
}

.flip:hover .front {
	-webkit-transform: rotateY(180deg);
}