/* Responsive Green Theme  for CANow */
body {
  font-size: 80%;
  line-height: 1.2em;
}

#site-title a{
  float: left;
  font-family: "Arial Black", Gadget, sans-serif;
}

#site-description {
  clear: both;
  float: left;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 36px;
  line-height: 100%;
  margin: 16px 0 0;
  color:darkgrey;
}

#sidebar-first {

    font-size: .9em !important;
    line-height: 1.2em;

}
#top-area.p {

  font-size: 3em;
}

p, li {
   font-size:1em !important;
   line-height: 1.2em;
}

.field-items{
   font-size:1.2em !important;
   line-height: 1.2em;
}

.field-content a {
   font-size: 1.5em;
  line-height: 1.5em;
}

h1 {
  font-size: 1.4em;
}

h2 {
  font-size: 1.3em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.1em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1.1em;
}

#site-title a{
  font-size: 2.5em;
  font-family: "Arial Black", Gadget, sans-serif;
}

#site-description {
  font-size: 3em;
}

.node h2.title, .page-title {
  font-size: 2em;
}

.block > h2{
  font-size: 2em !important;
}

.links {
  font-size: 1.2em;
}


#main-menu ul.menu li {
    font-size:1.6em !important;
}

.item-list a {
   font-size:1.2em;
   line-height:1.2em;
}

.view-content a {
   font-size:1.2em;
   line-height:1.2em;
}

.field-content {
   font-size:1.2em;
   line-height:1.5em;
}

.region-content {
   font-size:1.2em;
   line-height:1.2em;
}

.toc-header-bullet a {
   font-size:1.2em;
   line-height:1.2em;
}
 

.video-container {
	position:relative;
	margin-top: 0px;
	margin-bottom:30px;
	padding-bottom:56.25%;
	padding-top:30px; /* 30px; */
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*==================================================
 * begin Paper styles
 * ===============================================*/

.box {
	width:90%;
	background:#FFF;
	margin:10px auto;
    padding:20px;
	padding-bottom:10px;
    font-size:1em !important;
    line-height: 1.2em;

}

/*==================================================
 * Effect
 * ===============================================*/

.effect
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/*==================================================
 * end Paper styles
 * ===============================================*/

/* tables */

div.table {
    display: table;
    width: 100%;
    border:0 !important;
}

div.row {
    display: table-row;
    border: 2px solid lightgray;
}

div.cell-no-border {
    display: table-cell;
    border: 0;
}


div.cell-image {
    display: table-cell;
    border: 0px solid lightgray;
}

div.cell {
    display: table-cell;
    border: 2px solid lightgray;
	padding:1%; 
    text-align:center;
    vertical-align:top;
 }

div.cell-left {
    display: table-cell;
    border: 2px solid lightgray;
    padding:1% ;
    text-align:left;
    vertical-align:top;
 }


div.cell p {
    text-align:center;
	padding:1% ;
    vertical-align:middle;
}

/* override #00a99d with #ce201f (or ff5352 or e83a39*/

.menu_wrapper {
  background-color: #ff5352 !important;
  border-bottom: 0 solid #ff5352;
  border-top: 0 solid #ff5352;
}

#main-menu a:hover,
#main-menu li > a.active,
#main-menu li > a.active-trail {
  color: #ff5352;
//  font-size:1.5em;
}

.menu li
 {
  color: #ff5352;
//  font-size:1em;
}


#main-menu li li a  {
  background: none repeat scroll 0 0 #ff5352;
}

.links li a {
  background: #ce201f;
}

.flex-control-nav li a.flex-active,
.flex-control-nav li a:hover  {
  background: none repeat scroll 0 0 #ce201f;
}

.node-readmore {
  background-color: #ce201f !important;
}

#footer {
  background: none repeat scroll 0 0 #ffffff;
}

#foot .menu li .active {
  color:#ce201f;
}

body.cke_show_borders{
 background:none repeat scroll 0 0 #ffffff;	
	}