/* @version 13.05.20 - article.vimeo_article */

html    {}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

body    {
    background-color : white;
    margin : 0;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    color : #71929f;
    background: url(/resources/images/background-texture-sm.jpg);
}

img		{ border : 0 }

input, textarea, select {
	margin: 2px 0 2px 0;
	padding : 4px 4px 4px 4px;
	background-color: #f9fafd; 
	border: #8c8787 solid 1px;
	cursor : pointer;
	color: #545454;
}

input[type=image]	{
	margin: 8px 0 0 0;
	padding : 0;
	border: none;	
}

textarea	{
	width : 90%;
}

.access {
	position: absolute;
	left: -1000em;
}

h1, h2, h3, h4, h5, h6	{
	padding: 0;
	margin: 0;
	font-weight: normal;
}

table	{
	padding : 0;
	margin : 0;
	border : 0;
}

strong  {
      font-weight: 600;
}

p.breadcrumbs {
	display : none;
}

ul,ol  {
    margin : 0;
    padding : 0 0 5px 0;
}

ul li  {
    list-style-type: none;
    margin : 0 20px 0 0;
}

figure { 
    display: block;
    margin : 0;
}

.container, .article_container  {
    width : 1190px;
    margin : 0 auto;
    overflow : hidden;
}

#wide-content {
    background: url(/resources/images/flowers.jpg) no-repeat -200px 0;
}

@media only screen and (min-width :1399px)  {
#wide-content {
    background: url(/resources/images/flowers.jpg) no-repeat 0 0;
    width : 1400px;
    margin : 0 auto;
}
    
}

body>header  {
}

div.header_container {
	height : 156px;
}

div.social_media_area {
	float : right;
}

div.social_media_area img.smicon   {
	width : 40px;
	height : 40px;
	margin-left : 10px;
	margin-top : 10px;
	cursor : pointer;
}

div.social_media_area img.smicon_height   {
	width : auto;
	height : 40px;
	margin-left : 10px;
	margin-top : 10px;
	cursor : pointer;
}

div.search_area {
	display : inline;
	float : left;
}

div.search_area form {
	float : left;
}

#msearch_text {
	width : 0px;
	opacity : 0;
	height :30px;
	margin : 10px 0 0 0;	
	transition : all .7s;	
}

.msearch_reveal {
	width : 260px !important;
	opacity : 1 !important;	
}

#totop	{
	display: none;
	width : 100px;
	height : 100px;
	position : fixed;
	bottom : 10px;
	right : 10px;
	z-index : 9999999;
	opacity : .5;
}


#totop:hover {
  opacity: 1;
  cursor : pointer;
}

#totop img {
	width : 100%;
	height : 100%;
}

body #main article {
    font-size : 1.1em;
    line-height: 1.6em;
}

body main article:first-child {
    padding-top : 200px;
}

.article_container>a {
	color : inherit;
}

article a 			{	
	font-weight:bold;
	color : #3a794f;
	text-decoration: underline;
}

article ul,article ol  {
    padding : 0 0 0 20px;
}

article ul li {
	color : black;
    list-style-type: disc;
}

article ol li {
	color : black;
}

article.vimeo_article { 
	padding-top : 0px !important; 
	padding-bottom : 0px  !important; 
}

.article_section_navigation {
 	width : 100%;
 }

 .article_section_navigation a {
 	text-decoration : none;
	font-weight: 700;
	font-style : italic;
	text-transform: uppercase;
	color: #6b7770;
	margin: 0 0 0.5em 0;
	line-height: 1.3; 	
 }
 
.article_section_navigation .previous {
	width : 50%;
	float : left;
}

.article_section_navigation .next {
	width : 50%;
	float : right;
	text-align : right;
}


/* Generic Footer 
   -------------- */

footer  {
    padding : 2% 0 2% 0;
}


.main_block {
}

.main_block_text {
}

.main_block_padding {
	padding : 20px 0 20px 0;
}

.main_block_text_padding {
	padding : 20px 0 20px 0;
}

/* Contain all articles */

.article_container {
}


/* Global article styles */

/* White */

.astyle1 {
}

/* Belleville Dark Blue */

.astyle2 {
    background-color : #366ad5;
    color : white;
}

.astyle2 h3 {
		color : white !important;
}

/* Belleville Light Blue */

.astyle3 {
    background-color : #57a0ff;
    color : white;
    min-height : 200px;
    
}
.astyle3 h3 {
		color : white !important;
}
/* Q1e dark blue */

.astyle4 {
    background-color : #ed7e07;
    color : white;
}

.astyle4 h3 {
		color : white !important;
}
/* Belleville Pale Blue */

.astyle5 {
    background-color : #c5deff;
    color : black;
}

.astyle5 article a {
	color : white !important;
}

.astyle5 h3 {
		color : black !important;
}


img.placement_half_width_left {
    width : 48%  !important;
    margin-right : 2%  !important;
    float : left  !important;
}


img.placement_half_width_right {
    width : 48%  !important;
    margin-left : 2%  !important;
    float : right  !important;
}

img.placement_third_width_left {
    width : 32%  !important;
    margin-right : 4%  !important;
    float : left  !important;
}

img.placement_third_width_right {
    width : 32%  !important;
    margin-left : 4%  !important;
    float : right  !important;
}

img.placement_quarter_width_left {
    width : 23%  !important;
    margin-right : 2%  !important;
    float : left  !important;
}

img.placement_quarter_width_right	{
    width : 23%  !important;
    margin-right : 2%  !important;
    float : right  !important;
}

/* ========================================================================= */

.tinytext		{ font-size : .8em }
.tinyinfotext	{ color : #24572d; font-size : 0.8em }

.displayMessage			{ 
	width : 90%;
	background: #FFF6BF url(/resources/images/lib/support/yexc.png) no-repeat 8px 9px;
	border : 2px solid #FFD324; 
	border-color  :#FFD324; 
	color : #514721; 
	padding : 8px 10px 8px 30px; 
	margin: 10px; 
}

.displayMessageText		{ color: #514721 ; font-size: 14px; }

.errorMessage			{ 
	width : 90%;
	background-color: #FFF6BF;
	border : 1px solid #FFD324;
	border-color  :	#FFD324;
	color : red; 
	padding : 2px;
	margin: 10px; 
}

/* ---------------------------- */

.valerrmess			{
	background-color : rgba(255,0,0,0.1);
	margin-top : 2px;
}

.valerrmess	p {
	margin : 0;
	padding : 5px 0 0 0 ;
	line-height : 1.2em;
	font-size : .9em;
}

.valerrmessText		{ 
	color: red; 
}

.eventresponce {
	font-size :1.4em;
	font-weight : bold;
	padding-bottom : 10px
}

.errorMessageText	{ color: red ; font-size: 12px; }
.errorMessage	p	{ margin : 2px; }
.red				{ color : red;}

.transparent		{ background-color : #fff; opacity: 0.2; }
.translucent		{ background-color : #fff; opacity: 0.4; }
.opaque				{ background-color : #fff; opacity: 0.7; }
.darkopaque			{ background-color : #fff; opacity: 0.9; }

.curved-corners		{border-radius: 10px; }
.brshadow			{
	box-shadow:4px 4px 10px 0px #1b2648;
}


  iframe	 {
  	width : 100% !important;
  }
    
  
  /* ================================================================ */
  /* Force the footer to be at the bottom of the screen on desktop only */

@media only screen and (min-width :100px)  {

html, body {
    height: 100%;
    width: 100%;
    display: table;
}

body>footer {
    display: table-row;
    height : 0;
}

body>footer div.container {
    padding : 2% 0 2% 0;
}


}



@media only screen and (min-width :1000px) and (max-width : 1200px) {
    
    .container, .article_container  {
    	width : 1000px;
	}
    
    
   
    body>h1   {
        margin : 0;
        padding : 0;
    }


	div.header_container {
	    height : 160px;
		background-size : 88%;
	    background-color : white;    
	}
	
}

@media only screen and (min-width :100px) and (max-width : 1200px) {


    div.social_media_area {
            margin-right : 56px;
    }

    div.social_media_area img.smicon   {
            width : 32px;
            height : 32px;
            margin-left : 6px;
            margin-top : 14px;
    }

    div.social_media_area img.smicon_height   {
            width : auto;
            height : 32px;
            margin-left : 6px;
            margin-top : 14px;
    }

    html {
    }
    
    header {
        padding-bottom : 40px;
    }

    h1.mheader   {
        display : none;
    }
	
	p.breadcrumbs {
		display : block;
	}

	p.breadcrumbs a {
		text-transform : uppercase;
		color : black;
		text-decoration : none;
	}

	p.breadcrumbs a:hover {
		text-decoration : underline;
	}

	div.header_container {
	    height : 130px;
		background-size : 80%;
	    background-color : white;
	    background-position : 40% 62%;
	}
	
	#second-banner {
		height : auto;
		text-align : center;
	}

	#second-banner>span {
		padding-top : 16px;		
		text-indent : 0;
		
	}
	
	#second-banner h1 {
		font-size : 1.5em;
		font-weight : bold;
		line-height : 1.6em;
		letter-spacing : normal;
	}
	
	#second-banner h2 {	
		color : white;
		margin : 0 5% 0 5%;
		font-size : 1.1em;
		padding-bottom : 16px;		
		
		
	}

	article table {
	width : 100% !important;
	}	
		
		
	img.placement_half_width_left,
	img.placement_half_width_right,
	img.placement_quarter_width_left,
	img.placement_quarter_width_right,
	img.placement_third_width_left,
	img.placement_third_width_right,	
	article section img {
	    width : 100%  !important;
	    margin : 3% 0 0 0%  !important;
	    float : none  !important;
	    height : auto !important;
	    
	}

	article section img {
	    margin : 3% 0 3% 0%  !important;
    }	

    .container, .article_container  {
        width : 100%;
    }    


	
	footer  {
	    padding :  2% 0 2% 0;
	}
	
	footer  .q1e_logo {
	    width : 100%;
            padding-top : 10px;
	    text-align : center;
	    float : none;
	    
	}
	
	footer  .q1e_logo img {
	    width : 90%;
	}

        footer  .q1e_logo p {
	    text-align : left;
            margin-left : 20px;
	}
        
	footer address {
	    float : left;
	    padding : 10px;
	    font-style: normal;
	}
	
	footer address span.q1e_title {
	    font-size : 1em;
	    margin : 0 0 2% 0;
	    font-weight: bold;
	}
	
	footer address span {
	    padding : 0;
	    margin : 0;
	    display : block;
	}
	
	footer aside {
	    width  :100%;
	    float : left;
	    text-align : left;
	}
	
	footer aside p	{
	}
	
	footer aside img {
	    float : left;
	    width : 90%;
	}
        
        footer .social_media_area {
            margin : 0;
            float : none;            
            margin : 20px;
            padding-bottom: 20px;
        }
  
  
	#totop	{
		width : 60px;
		height : 60px;
	}

	.video-image-container {
		margin-top : 20px;
		position: relative;
		height : 100%;
		width : 100%;
		text-align:center;
	}
	
	.video-image-container.portrait {
		height : 70% !important;
		width : 70%  !important;
		margin-left : 15%;
	}

	.video-image-container img {
		height : auto;
		width : 100% !important;		
	}
	
	.video-image-container.portrait img {
		height : 70%;
		width : 70% !important;
	}

	.video-image-container iframe,  
	.video-image-container object,  
	.video-image-container embed {
		position: relative;
	}

	
	.video-image-container.portrait iframe,  
	.video-image-container.portrait object,  
	.video-image-container.portrait embed {
		position: relative;
	}

}

@media only screen and (min-width :300px) and (max-width : 600px) {

	div.header_container {
	}
}