﻿@import url(https://fonts.googleapis.com/css?family=Istok+Web);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);


 @font-face {font-family: 'FrutigerLight';src: url('../fonts/2638B7_0_0.eot');src: url('../fonts/2638B7_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2638B7_0_0.woff') format('woff'),url('../fonts/2638B7_0_0.ttf') format('truetype');}
	    
	    @font-face {font-family: 'FrutigerRoman';src: url('../fonts/2638B7_1_0.eot');src: url('../fonts/2638B7_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2638B7_1_0.woff') format('woff'),url('../fonts/2638B7_1_0.ttf') format('truetype');}
	    
	    @font-face {font-family: 'FrutigerBold';src: url('../fonts/2638B7_2_0.eot');src: url('../fonts/2638B7_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2638B7_2_0.woff') format('woff'),url('../fonts/2638B7_2_0.ttf') format('truetype');}
	    
	    @font-face {font-family: 'FrutigerBoldItalic';src: url('../fonts/26631E_0_0.eot');src: url('../fonts/26631E_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/26631E_0_0.woff') format('woff'),url('../fonts/26631E_0_0.ttf') format('truetype');}


a:visited.btn  {
	color: #fff !important;
}

a:hover {
    text-decoration: none !important;
}

/*Typography*/

h1, h2 {
    color: #c0037b !important;
}

h3, h4, h5, h6 {
    color: #0091c8 !important;
}

.dnnClear h2 {
    margin: 0;
    padding: 0 0 10px 0;
}

.logo h1 {
    font-family: "FrutigerBoldItalic", Arial, sans-serif;
    font-size: 28px !important;
    font-weight: normal;
    color: #06c !important;
    margin: 20px 0 0 0;
    padding: 0;
}

.logoHEE h1 {
font-family: "FrutigerBoldItalic", Arial, sans-serif;
    font-size: 28px !important;
    font-weight: normal;
    color: #000 !important;
    margin: 20px 0 0 0;
    padding: 0;
}



/* Some basic settings */
h1, h1 .button { font-size: 32px !important; }
h2, h2 .button { font-size: 27px !important; }
h3, h3 .button { font-size: 19px !important; }
h4, h4 .button { font-size: 17px !important; }
h5, h5 .button { font-size: 15px !important; }
h6, h6 .button { font-size: 13px !important; }

/* Colors*/

.orange {
    background: #e28c05;
    color: #fff;
}

.orange.rounded {
    min-height: 364px;
    max-height: 370px;
}

.circle {
	border-radius: 20px;
}


.blue {
    background: #0091c8;
    color: #fff;
}

i.blue , span.blue {
    color: #0091c8;
    background: #fff;
}

.dark {
    background: #303030;
    color: #fff;
}

.dark-pink, .dark-pink h3, .dark-pink .h3, .dark-pink .fa {
    background: #c0037b;
    color: #fff;
}

    .dark-pink a, .dark-pink a:link, .dark-pink a:visited {
        color: #e28c05;
    }

    .dark a:link,
    .dark-pink h3,
    .blue h4, .blue h3, .blue a:link, .blue a:visited,
    .orange h3, .orange a:visited, .orange a, .orange a:link {
        color: #fff !important;
    }

.orange p, .orange h3 {
    padding: 0 20px;

}


/*Shapes*/
.bracket {
    background: #0091c8 url(../img/bracket.png) no-repeat 70% 0;
    height: 160px;
}

.icon-button {
    padding: 0;
    margin: 0;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
}

/*.twitter-pad {
 background:#c0037b url(../img/twitter-mask-182.png) no-repeat 0 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 407px;  
    overflow: hidden;
}*/

.twitter-bg {
    position: absolute;
    top: 0;
    right: 10px;
    background: #c0037b;
}

.twitter-txt {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 5px;
}

.rounded {
    border-radius: 10px;
    padding: 0 !important;
}

.top.rounded {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Carats*/

.bottom.dark-pink.carat {
    background: #fff url(../img/dark-pink-carat.png) no-repeat 50% top;
    height: 35px;
    margin: -20px 0 0 0;
}

.dark-pink:after {
    background: #fff url(../img/dark-pink-carat.png) no-repeat 50% top;
    
    height: 31px;
    margin: 0;
}

.top.dark-pink.carat {
    background: #fff url(../img/dark-pink-carat.png) no-repeat 50% 0;
    height: 31px;
    margin: -11px 0 0 0;
}

.bottom.blue.carat {
    background: #fff url(../img/blue-carat.png) no-repeat 50% top;
    height: 31px;
    margin: -12px 0 0 0;
}

.top.orange.carat {
    clear: left;
    background: #fff url(../img/orange-carat.png) no-repeat 50% top;
    height: 31px;
    margin: 0;
}

.left.orange.carat {
    float: left;
    width: 20px;
    margin: 155px 0 0 -20px;
    background: #e28c05 url(../img/orange-left-carat.png) no-repeat 0 50%;
    height: 43px;
}

.right.dark-pink.carat {
    float: right;
    border: 1px solid red;
    width: 35px;
    margin: -100px 0 0 -35px;
    background: red url(../img/dark-pink-carat.png) repeat-y;
    height: 150px;
}

/* page dividers*/
.blue.divider {
    height: 37px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: url(../img/blue-divider.png) repeat-x 0 -4px;
}

.divider {
    height: 20px;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

.orange.separator {
    height: 1px;
    margin: 10px 0;
    padding: 0;
    background: #e28c05;
}

.green.dotted.separator {
	margin: 10px 0;
	padding: 10px;
	border-top:  5px dotted #62BB46;
	border-radius: 2px;
}

.left.horn {
    background: url(../img/left-horn.png) no-repeat 0 -4px;
    float: left;
    width: 40px;
    height: 30px;
}

.right.horn {
    background: url(../img/right-horn.png) no-repeat 0 -4px;
    float: right;
    width: 40px;
    height: 30px;
}

/* Bullet */
.bullet {
    background: url(../img/dark-pink-bullet.gif) repeat-y 100% 0;
    padding-right: 20px;
	min-height: 540px !important;
}



/* Sizes */
.lg {
    font-size: 96px !important;
}

.glyphicons-icon {
    width: 96px;
    height: 96px;
}

.md {
    font-size: 48px;
}

.sm {
    font-size: 24px;
}

.xs {
    font-size: 12px;
    height: 12px;
    width: 12px;
}

/*Positions*/

#siteHeadouter hr {
    margin: 10px 0 0 0;
    height: 2px;
    border-top: 3px solid #0091c8;
    border-bottom: 1px solid #e28c05;
}

#footerWrapper {
    /*background: #0091c8; /* url(../img/bracket.png) no-repeat 70% 0;*/
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
}

.footerslogan {
    color: #4db9e2;
    float: left;
    font: 32px/30px "FrutigerBoldItalic", Arial, sans-serif;
    margin: 10px 0 0 0;
    width: 320px;
}

.img-constitution {
    padding: 10px 0;
}

#copyright {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 7px 0 0;
}


/*Spaces*/
.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-20,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-50,
.margin-bottom-60 {
    clear: both;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}


.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-25 {
    margin-right: 25px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-35 {
    margin-right: 35px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-right-50 {
    margin-right: 50px;
}

.margin-right-60 {
    margin-right: 60px;
}


.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-35 {
    margin-left: 35px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-left-60 {
    margin-left: 60px;
}

/*Right and Left Border*/
.right-border-10 {
    border-right: 10px solid #fff;
}

.right-border-20 {
    border-right: 20px solid #fff;
}

.left-border-10 {
    border-left: 10px solid #fff;
}

.left-border-20 {
    border-left: 20px solid #fff;
}

.no-padding, .nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

    .no-padding.col-md-12 {
        padding: 0 !important;
        margin: 0 !important;
    }



.btn-danger {
    color: #fff;
    background-color: #c0037b !important;
    border-color: #c0037b !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}




.alert-success:after {
    content: url(../img/speech-green.png);
    position: relative;
    /*left: 0;*/
    z-index: 400;
    bottom: -3.3rem;
    height: 2.6rem;
    background: transparent;
}

/* Control Panel Fix for Bootstrap */

#ControlBar  {
    height: 53px !important;
}

#ControlActionMenu > li > a, #ControlNav > li > a, #ControlEditPageMenu > li > a.controlBar_editPageInEditMode {
    height: 43px !important;
}

span.controlBar_editPageTxt {
    height: 33px !important;
}


.subNav.advanced dl ul li {
    min-width: 140px !important;
    min-height: 55px;
}


/* Module Actions*/
form .dnn_mact > li {
    padding: 0;
    margin: 0 1px 0 0;
}
form .dnn_mact > li > a,  .dnn_mact > li > a {
    padding: 10px;
    margin: 0;
}

.dnn_mact > li.actionMenuMove > ul li, ul#ControlBar_Module_ModulePosition li {
    padding: 5px 10px 25px 10px;
    line-height: 20px;
}


/* Empty Panes */
.DNNEmptyPane {
    width: 0;
    margin: 0;
    display: none;
}


p.text-center img {
    margin: 0 auto !important;
    text-align: center;
}

.padding {
    padding: 10px 0 !important;
}

.no-margin {
    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------------------- */
/*	Feedback Module
/* ---------------------------------------------------------------------- */	

.FeedbackForm input, .FeedbackForm textarea, .wsc_form_add_comment textarea,
.dnnForm.FeedbackForm .dnnFormItem INPUT, 
.dnnForm.FeedbackForm .dnnFormItem TEXTAREA
{
    background-color: #F8F8F8;
    border: 1px solid #E8E8E8;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #8F8F8F;
    
    padding: 3px 8px;
}

.FeedbackForm .Feedback_Instructions, 
.FeedbackForm .Feedback_SectionHead, 
.FeedbackForm .Feedback_Required, 
.FeedbackForm .dnnFormHelpContent,
.dnnForm.FeedbackForm .dnnFormSectionHead,
.dnnForm.FeedbackForm .dnnFormHelp,
.dnnForm.FeedbackForm .Feedback_FooterBlock
{
    display: none;
}	

div.FeedbackForm div.Feedback_FieldLabel label,div.FeedbackForm div.Feedback_FieldLabel label a.dnnFormHelp,
.dnnForm.FeedbackForm .dnnFormItem label {
    text-align: left;
    color:#909090;
    margin: 10px 0 0;
    
}

.FeedbackForm .Feedback_FieldLabel label span.wsc_required,
.dnnForm.FeedbackForm .dnnFormItem label span 
{
    font-weight:normal;
}

.FeedbackForm .Feedback_FieldLabel label,
.dnnForm.FeedbackForm .dnnFormItem LABEL {
  width: 140px;
  display:block;
}

.FeedbackForm .Feedback_CommandButtons a,
 .dnnForm.FeedbackForm ul a.dnnPrimaryAction
{
    /*background: #F15A23;*/
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 400;
    height: auto;
    font-size: 13px;
    text-transform: uppercase;
    text-shadow:none;
    border-radius:0;
   /* filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15a23', endColorstr='#f15a23',GradientType=0 ); */
}

.FeedbackForm .Feedback_CommandButtons a:hover,
.dnnForm.FeedbackForm ul a.dnnPrimaryAction:hover{
    background: #3a3a3a;    
}

/* ---------------------------------------------------------------------- */
/*	Feedback 5
/* ---------------------------------------------------------------------- */	

.FeedbackForm, .NarrowFeedbackForm,div.Feedback_MessageBlock, div.Feedback_ContactBlock
 {
     padding: 0;
  }
  
.FeedbackForm .Feedback_FooterBlock
{
    padding: 5px 0;
}

.Feedback_ContactBlock
{
    margin: 0px 0px 0px 0px !important;
    clear: both;
    padding: 0px;
    position: relative;
}
div.FeedbackForm div.Feedback_Field
{
        padding: 0px 0 3px 0;
}
.FeedbackForm .Feedback_FieldValue
{
    padding: 0px !important;
    position: relative;
}

div.FeedbackForm div.Feedback_FieldLabel label a 
{
    background:none;
}

.FeedbackForm .Feedback_FieldLabel label span
{
    color:#909090;
}

.FeedbackForm  input,
.FeedbackForm textarea
{
   /* float:left;*/
}

.FeedbackForm input {
 height: 30px;
 max-width: 300px;
}

.FeedbackForm  textarea {
  max-width: 580px;
}

.FeedbackForm .Feedback_FieldValue textarea
{
    height: auto;
    margin-top: 3px;
}

.FeedbackForm .Feedback_CommandButtons
{
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 0px !important;
    text-align: left;
}

.FeedbackForm .Feedback_CommandButtons a  
{
    margin: 0px 0px 0px 0px;
    position:relative;
    left:154px;}

.FeedbackForm .Feedback_Confirmation a
{
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
}

.FeedbackForm .Feedback_Field .NormalRed
{
    margin:0!important;
    padding:0!important;
    float:left;
    clear:both;
}

div.Feedback_Confirmation {
  padding: 10px 4px 25px;
}


/* ---------------------------------------------------------------------- */
/*	Feedback 6
/* ---------------------------------------------------------------------- */	

.dnnForm.FeedbackForm
{
    min-width:220px;
}

.dnnForm.FeedbackForm .dnnFormItem
{
    padding: 0px 0 8px 0;
}

.dnnForm.FeedbackForm  fieldset
{
    margin: 0 !important;
    padding: 0px;
}

.dnnForm.FeedbackForm .dnnFormItem INPUT, 
.dnnForm.FeedbackForm .dnnFormItem SELECT {
    width: 92%;
    max-width: 300px;
}

.dnnForm.FeedbackForm .dnnFormItem TEXTAREA
{
    width: 92%;
}

.dnnForm.FeedbackForm .dnnFormItem INPUT:focus, 
.dnnForm.FeedbackForm .dnnFormItem TEXTAREA:focus
{
    border-color:#ccc;
}


.dnnForm.FeedbackForm  ul.dnnActions
{
    border: none;
    margin-top:0;
    margin-bottom:20px;

}

.dnnForm.FeedbackForm .dnnFormItem .RadCaptcha {
  margin-left: 0;
  width:100%!important;
}

.dnnForm.FeedbackForm  .dnnFormMessage.dnnFormError
{
    background: none repeat scroll 0 0 transparent;
    clear: both;
    color: Red !important;
    float: left;
    margin: 0;
    padding: 5px 0 0;
    position: relative !important;
    text-shadow: none;
    font-size:12px;
}

 .dnnForm.FeedbackForm .dnnFormValidationSummary
{
    margin: 0px;
    max-width: 160px;
}

.dnnForm.FeedbackForm .dnnFormMessage.dnnFormValidationSummary
{
    max-width:100%;
}

/*Sidebar Features
------------------------------------*/
/*Blog Tags*/
ul.blog-tags li {
	display: inline-block;
}

ul.blog-tags a {
	font-size :13px;
	padding: 2px 7px;
	background: #f7f7f7;
	margin: 0 3px 6px 0;
	display: inline-block;
}

ul.blog-tags a i {
	color: #666;
}

ul.blog-tags a:hover {
	background: #72c02c;
}

ul.blog-tags a:hover,
ul.blog-tags a:hover i {
	color: #fff !important;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*Blog Latest Tweets*/
.blog-twitter .blog-twitter-inner {
	padding: 10px;
	position: relative;
	background: #fafafa;
	margin-bottom: 15px;
	border-top: solid 2px #eee;
}

.blog-twitter .blog-twitter-inner,
.blog-twitter .blog-twitter-inner:after,
.blog-twitter .blog-twitter-inner:before {
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;	
}

.blog-twitter .blog-twitter-inner:after,
.blog-twitter .blog-twitter-inner:before {
	width: 0; 
	height: 0;
	right: 0px;
	bottom: 0px;
	content: " "; 
	display: block; 
	position: absolute;
}

.blog-twitter .blog-twitter-inner:after {
	border-top: 15px solid #f0f0f0;	
	border-right: 15px solid transparent;
	border-left: 0px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-right-style: inset; /*FF fixes*/
}
.blog-twitter .blog-twitter-inner:before {
	border-bottom: 15px solid #fff;	
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}

.blog-twitter .blog-twitter-inner:hover {
	border-color: #72c02c;
	border-top-color: #72c02c;	
}
.blog-twitter .blog-twitter-inner:hover:after {
	border-top-color: #72c02c;	
}

.blog-twitter .blog-twitter-inner span {
	color: #777;
	display: block;
	font-size: 11px; 
}

.blog-twitter .blog-twitter-inner a {
	color: #72c02c;
	text-decoration: none;
}
.blog-twitter .blog-twitter-inner a:hover {
	text-decoration: underline;
}

.blog-twitter .blog-twitter-inner i.icon-twitter {
	top: 2px;
	color: #bbb;
	font-size: 18px;
	position: relative;
}


/*Blog Page
------------------------------------*/
.blog h3 {
	color:#3498db;
}
.blog li a:hover {
	color:#3498db;
}

/*Blog Tags*/
ul.blog-tags a:hover {
	background: #3498db;
}

.blog-post-tags ul.blog-tags a:hover {
    background: none repeat scroll 0 0 #3498db;
}

/*Blog Photos*/
.blog-photos li img:hover {
	box-shadow: 0 0 0 2px #3498db;
}

/*Blog Latest Tweets*/
.blog-twitter .blog-twitter-inner:hover {
	border-color: #3498db;
	border-top-color: #3498db;	
}
.blog-twitter .blog-twitter-inner:hover:after {
	border-top-color: #3498db;	
}

.blog-twitter .blog-twitter-inner a {
	color: #3498db;
}

/*Blog Item Page
------------------------------------*/
.blog-item h4.media-heading span a {
	color:#3498db;
}


/* Labels */
.label-lg {
  font-size: 110% !important;
  font-weight: normal !important;
  border-radius: 0 !important;
}