/* $Id: layout.css,v 1.8 2011/01/04 05:24:13 webchick Exp $ */

/* ---------- SMALL TEMPLATE - FOR IPHONES and SMARTPHONES with screen res up to 480px ----------- */
/* ---------- DEFAULT - This template also establishes global styles to be used for all templates ----------- */

/* ---------- Basic Layout Styles ----------- */

@font-face {
    font-family: "atma";
    src: url('../fonts/atma/asboro__-webfont.eot');
    src: url('../fonts/atma/asboro__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/atma/asboro__-webfont.woff') format('woff'),
         url('../fonts/atma/asboro__-webfont.ttf') format('truetype'),
         url('../fonts/atma/asboro__-webfont.svg#atmaserif-bookromanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'texgyreherosbold';
    src: url('../fonts/texgyreheros_bold/texgyreheros-bold-webfont.eot');
    src: url('../fonts/texgyreheros_bold/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheros_bold/texgyreheros-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreheros_bold/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheros_bold/texgyreheros-bold-webfont.svg#texgyreherosbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'texgyreherosregular';
    src: url('../fonts/texgyreheros_regular/texgyreheros-regular-webfont.eot');
    src: url('../fonts/texgyreheros_regular/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheros_regular/texgyreheros-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreheros_regular/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheros_regular/texgyreheros-regular-webfont.svg#texgyreherosregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'texgyreheroscnbold';
    src: url('../fonts/texgyreheroscn_bold/texgyreheroscn-bold-webfont.eot');
    src: url('../fonts/texgyreheroscn_bold/texgyreheroscn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheroscn_bold/texgyreheroscn-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreheroscn_bold/texgyreheroscn-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheroscn_bold/texgyreheroscn-bold-webfont.svg#texgyreheroscnbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'texgyreheroscnregular';
    src: url('../fonts/texgyreheroscn_regular/texgyreheroscn-regular-webfont.eot');
    src: url('../fonts/texgyreheroscn_regular/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheroscn_regular/texgyreheroscn-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreheroscn_regular/texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheroscn_regular/texgyreheroscn-regular-webfont.svg#texgyreheroscnregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	margin:0px;
	padding:0px;
	font-family:"texgyreherosregular", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	color:#4B4B4B;
	background-color:#fff;
}
a{
	color:#708B70;
	
}


/* ---------------------------------------------------------------------- COVID 19 Banner ----------- */
#covid19{
      background-color:#e9284a;
    text-align:center;
    border-bottom:2px solid #000;
    font-family: neue-haas-grotesk-display, sans-serif; 
    font-weight:500;
	font-style:normal;

}

#block-block-1{
    position:relative;
    z-index:1000;
    display:inline-block;


	background-image:url(../images/logo.png);
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:120px;
    margin:0px;
    padding-top:1.5em;
    padding-bottom:1em;
    text-align:center;
    font-size:1.2em;
}
#block-block-1 H2{
    margin:0px;
    padding:0px;
        font-family: neue-haas-grotesk-display, sans-serif; 
color:#fff;
    font-size:1.8em;
    font-weight:700;
}
#block-block-1 p{
    margin:0px;
    padding:0px;
}
.covid19_block{
    color:#fff;
    display:inline-block;
    vertical-align:top;
    text-align:left;
}
.covid19_block a{
    background-color:#fff;
    color:#e9284a;
    display:inline-block;
    padding:1em;
    border-radius:0.5em;
     margin-right:1em;
    margin-left:1em;
    margin-bottom:0.5em;
    margin-top:0.5em;
    text-decoration:none;
}
.covid19_block a:hover{
    background-color:#000;
    color:#fff;
}
#covid19_links a{
    color:#fff;
    display:inline-block;
    padding:1em;
    font-size:1.6em;
    text-decoration:none;
    margin:0.5em;
    background-color:#59c5bc;
    box-shadow:0px 0px 5px #999;
    border-radius:0.5em;
    font-weight:700;
}#covid19_links a:hover{
    color:#e06253;
}


/* ---------- TOP AND NAVIGATION Layout Styles ----------- */
#top{
background-color:#3D5060;
	 box-shadow: 0px 2px 10px #000;
	overflow:hidden;
	z-index:100;
	position:absolute;
	width:100%;
}
#toparea{
	text-align:center;
	height:40px;
	font-family:"atma", Times, "Times New Roman", serif;
	padding-top:15px;
	padding-bottom:25px;
	color:#D8DDE1;
		width:75%;
		float:left;
}
#toparea H2{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:2.1em;
		color:#75838E;
		padding-left:10px;
}
#toparea strong{
	color:#fff;
}
#toparea a{
	text-decoration:none;

}



#navlink a{
	background-image:url(../images/menu_icon.png);
	background-repeat:no-repeat;
	width:25%;
	float:right;
	height:80px;
	display:block;
	background-size:40px;
	background-position:center center;
	text-indent:-9999px;
}
#navhide a{
	background-image:url(../images/menu_close_icon.png);
	background-repeat:no-repeat;
	width:25%;
	float:right;
	height:80px;
	display:block;
	background-size:40px;
	background-position:center center;
	text-indent:-9999px;
}
#navigation{
	width:100%;
	float:none;
	 clear:both;
	 background-image:url(../images/green_fade.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#86a360;
	overflow:hidden;
}
#navigation ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-image:none;
}
#navigation li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-image:none;
	float:left;
	width:100%;
	height:60px;
}
#navigation li a{
	display:block;
	height:60px;
	text-align:center;
	line-height:60px;
	font-family:"texgyreheroscnbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	font-size:1.8em;
	color:#fff;
	text-transform:uppercase;
	background-repeat:no-repeat;
		
	background-image:url(../images/triangle.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	border-right:1px solid #99b07c;
	border-bottom:1px solid #99b07c;
}


#navigation li a:hover{
	background-color:#000;
	color:#fff;
}

/* ---------- HOMEPAGE IMAGES AREA Layout Styles ----------- */



/* ---------- HOMEPAGE IMAGES AREA Layout Styles ----------- */

#images{
	background-color:#FFF;
	border-top:80px solid #fff;
	position:relative;
	z-index:80;
	box-shadow: 0px 2px 10px #000;
}

#images .view-content {
    position:relative;
    overflow:hidden;
	clear:both;
	
}
#images .view-content .slide{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	background-color:#FFF;
}
#images .view-content .slide.active {
    z-index:10;
    opacity:1.0;
}
#images .view-content .slide.last-active {
    z-index:9;
	opacity:0.0;
}
#images .view-content .slide IMG {
    display: block;
    border: 0;
	position:relative;
}

#main1{
	font-size:1.2em;
}


/* ---------- LEFT Layout Styles ----------- */

#title{
	background-color:#75838E;
	margin:0px;
	padding:1em;
	text-align:center;
	
}


/* ---------- RIGHT Layout Styles ----------- */




H1{
	font-size:1.8em;
	font-family:"atma", Times, "Times New Roman", serif;
	font-weight:normal;
	margin:0px;
	padding:0px;
	color:#fff;
}
H2{
	font-size:1.6em;

	font-weight:normal;
	margin:0px;
	padding:0px;
	color:#3D5060;
}


#right{
	text-align:center;
	width:96%;
	margin:0;
	margin-left:2%;
	overflow:hidden;
	padding-top:1em;
	padding-bottom:1em;
}
.field-name-field-promo-image{
	float:right;
	clear:both;
	margin-left:10px;
	margin-bottom:10px;
}
.field-name-field-promo-image img{
	width:100px;
	height:auto;
}
.field-name-field-files-for-download{
	font-size:0.7em;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	clear:both;
	width:120px;
		text-align:right;
}
.field-name-field-files-for-download a{
	font-family:"texgyreheroscnbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#3c505e;
	display:inline;
	zoom:1;
	*display:inline;
}
.field-name-field-files-for-download a:hover{
	color:#86a45f;
}
.field-name-field-files-for-download .field-item{
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}
.field-name-field-files-for-download .field-label{
	font-size:1.6em;
	font-family:"atma", Times, "Times New Roman", serif;
	font-weight:normal;
	color:#86a45f;
	text-transform:uppercase;
	margin-bottom:10px;
}
/* ---------- SUB1 Layout Styles ----------- */
#sub1{
	overflow:hidden;
		background-color:#f2f2f2;
	background-image:url(../images/stripes.gif);
	background-repeat:repeat-x;
	text-align:center;
	font-size:1.4em;
}
#block-views-consultations-block-1{
	margin-top:30px;
}
#block-views-consultations-block-1 H2{
	margin-bottom:20px;
		color:#708B70;
}
.views-field-field-promo-image img{
	width:100%; 
	height:auto;
}
.consultation{
	width:98%;
display:inline-block;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:1%;
	background-color:#fff;
}
.views-field-title{
	border-bottom:1px solid #ccc;
	
}
.views-field-title a{
	text-decoration:none;
	padding:0.5em;
	display:block;
	font-size:1.2em;
	font-family:"atma", Times, "Times New Roman", serif;
}
.views-field-body{
	padding:1em;
	font-size:0.8em;
}
.views-field-view-node a{
	display:block;
	background-color:#85A55B;
	color:#fff;
	text-decoration:none;
	padding:1em;	
	font-size:0.8em;
}
.views-field-view-node a:hover{
	background-color:#000;
}

/* ---------- VIDEO Layout Styles ----------- */

#video{
	overflow:hidden;
			background-color:#505a61;
	background-image:url(../images/stripes.gif);
	background-repeat:repeat-x;
}
#block-views-video-block-1{
	text-align:center;
	position:relative;
	z-index:80;
}
.video-filter{
	box-shadow: 0px 2px 10px #000;
	margin-bottom:30px;
	margin-top:30px;
	display:inline-block;
}

/* ---------- Footer Layout Styles ----------- */

#footer{
	background-color:#30323A;
	color:#fff;
	text-align:center;
	padding:20px;
	border-top:2px solid #000;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:100px;
}
#footer H2{
	color:#fff;
}