﻿/* -----------------------------------------------------------------------------

    This file should be used to add your own CSS definitions or override
	the existing ones.

----------------------------------------------------------------------------- */

	/* FONT */
	/* body { font-family: 'insert-font-family-name-here', 'Arial', sans-serif; } */

	/* STANDARD LOGO DIMENSIONS */
	.header-branding img { width: 140px; }

	/* LARGE LOGO DIMENSIONS */
	.header-branding.m-large-logo img { width: 150px; }
	/* Scroll down to "MEDIUM DEVICES" to change width of large logo on mobile devices */

	/* your CSS here */


/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */
		
		@media ( min-width: 991px ) and (max-width: 1340px){
			
			#weather{
				width: 230px!important;
			}
			
			#weather i{
				font-size: 80px!important;
			}
			
			#weather h2{
				font-size: 60px!important;
			}
			
		}
	
	
	
    @media ( max-width: 1199px ) {

		/* your CSS here */
		
	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* LARGE LOGO DIMENSIONS */
		.header-branding.m-large-logo img { width: 140px; }

		
		
		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}
	
@font-face {
    font-family: 'weather';
    src: url('../fonts/artill_clean_icons-webfont.eot');
    src: url('../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'),
         url('../fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


#weather {
  width: 312px;
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
}

#weather i {
  color: #333;
  font-family: weather;
  font-size: 120px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather h2 {
  margin: 0 0 8px;
  color: #333;
  font-size: 70px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: #fff;
  background: rgba(255,255,255,0.90);
  padding: 20px;
  display: inline-block;
  border-radius: 5px;
}

#weather .currently {
  margin: 0 20px;
}

.footer-top a{
	color: #fff!important;
}

.directory-title strong {
	padding-left: 10px;
}

.embed-media{
	margin-bottom: 0px!important;
}

.widget-title{
	text-align: center!important;
	padding-top: 10px!important;
}

.sidebar .widget-title.m-has-ico{
	padding: 20px 0px 20px 40px!important;
	text-align: left!important;
}

.footer-top .widget-content p{
	text-align: center!important;
}

.c-post-list .post-list-title .ico{
	color: #333;
}

.c-slider .slider-indicator>span{
	background-color: #F9E20C;
}

#weather h2 i, .c-post-list .ico-shadow{color: #F9E20C; }
.c-post-list .ico-shadow{
	opacity: 0.4;
}

.header-menu{
	border-top: 0!important;
}

#core{
	padding-bottom: 0!important;
}

.cv-pdf{
	margin-top: 10px;
}

.cv-pdf i, .widget-ico{
	margin-right: 5px;
}

.sdbrico{
	font-size: 18px;
	color: #444;
	margin-right: 5px;
}

.widget.blue{
	background-color: #8FA8F6;
}

.widget.green{
	background-color: #BADEB2;
}

.widget.red{
	background-color: #8BCBDE;
}

.header-menu{
  background-color: #112233;
}

.header-menu>ul>li>a{
	color: #fff;
	font-family: 'Cabin', sans-serif;
	font-weight: bold;
}

.c-container{
	max-width: 85%;
}

.widget li a{
	color: #fff;
	font-family: 'Cabin', sans-serif;
	font-size: 16px;
}

.sidebar .widget-inner{
	padding: 0 15px 30px 15px;
}

.widget-title, .sdbrttl{
	color: #112233;
	font-family: 'Cabin', sans-serif;
	font-size: 18px;
	font-weight: bold;

}
    .widget .ribbon{
		color: #fff;
	}
	
	
	.widget.blue .ribbon{
		background-color: #B0A4BE;
	}
	
	.widget.green .ribbon{
		background-color: #186A40;
	}
	
	.widget.red .ribbon{
		background-color: #04659F;
	}


      .ribbon {
        box-sizing: border-box;
        margin: 0 20px 30px 20px;
        height: 40px;
        width: 104%;
        color: #112233;
        font-size: 30px;
        text-align: center;
        line-height: 40px;
        padding: 0 10px;
        position: relative;
        background-color: #97c7fa;
		margin-left: -14px!important;
      }
	  .ribbon.grn{
		   background-color: #B3F1D2;
		   color: #eee;
	  }
	  .ribbon.blu{
		  color: #eee;
	  }
	  .ribbon.rd{
		color: #eee;
	  }
    .shadow {
      box-sizing: border-box;
      overflow: visible;
	  box-shadow: none!important;
	  width: 100%!important;
    }
  
.fold {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 0;
    height: 0; 
	bottom: -10px!important;
    border-width: 11px 0px 0px 15px!important;
    border-style: solid;
}

.documents-widget ul>li{
	border: none;
}

.c-post-list {
    background-color: 
	
}

.c-team-member .member-portrait{
	position: relative;
}

.c-content-box.im1{
	padding: 0!important;
	
}

.c-team-member .member-name.im1,.c-team-member .member-role.im1,.c-team-member .member-description.im1{
	text-align:center;
}

.c-team-member.m-has-portrait .team-member-inner.im1{
	padding-left: 0;
}

.c-team-member .member-portrait.im1 {
    position: relative;
    top: 0;
    left: 0;
    width: 190px;
	right: 0;
	margin: auto;
}