/* Editor Styles for Flex Elements Plugin
----------------------------------------------------------------------------------------------------*/

.headline {
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing:border-box;
}

.headlineshadow {
height:31px;
background-position: center top;
background-repeat: no-repeat;
}

.fbwrap {
width:100%;
text-align:center;
position:relative;
}

a.flexbutton {
width:auto;
margin:10px auto;
display:inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing:border-box;
text-align:center;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
text-decoration:none;
}

.flexbutton:hover {
cursor:pointer;
}

.flexbutton.drop-shadow {
padding:0;
}

.flexbox {
background-clip:padding-box;
}

.flexboxcontent {
padding:20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing:border-box;
}

.flexboxcontent p:first-child {
margin-top:0;
}

.flexboxcontent p:last-child {
margin-bottom:0;
}

.letterpress {
text-shadow: 0px 1px 1px rgba(255,255,255,0.4);
-moz-text-shadow: 0px 1px 1px rgba(255,255,255,0.4);
-webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.4);
}

.inset {
text-shadow:rgba(255,255,255,0.4) 1px 2px 0, rgba(0,0,0,0.4) -1px -2px 0;
-moz-text-shadow:rgba(255,255,255,0.4) 1px 2px 0, rgba(0,0,0,0.4) -1px -2px 0;
-webkit-text-shadow:rgba(255,255,255,0.4) 1px 2px 0, rgba(0,0,0,0.4) -1px -2px 0;
}

.raisedglow {
text-shadow: 1px 1px 3px rgba(0,0,0,0.6), -1px -1px 3px #FFF, 1px 1px rgba(0,0,0,0.6), -1px -1px rgba(255,255,255,0.7);
-moz-text-shadow: 1px 1px 3px rgba(0,0,0,0.6), -1px -1px 3px #FFF, 1px 1px rgba(0,0,0,0.6), -1px -1px rgba(255,255,255,0.7);
-webkit-text-shadow: 1px 1px 3px rgba(0,0,0,0.6), -1px -1px 3px #FFF, 1px 1px rgba(0,0,0,0.6), -1px -1px rgba(255,255,255,0.7);
}

.simpleshadow {
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
-moz-text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
-webkit-text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

.softshadow {
text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
-moz-text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

.curveshadow {
background: transparent url(../images/headline-shadow-curved.png) center top no-repeat;
background-size: 100% 31px;
}

.liftedshadow {
background: transparent url(../images/headline-shadow-lifted.png) center top no-repeat;
background-size: 100% 31px;
}

.drop-shadow {
position:relative;
padding:1em;
-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;
}

.drop-shadow:before, .drop-shadow:after {
content:"";
position:absolute;
z-index:-2;
}

.raised {
-webkit-box-shadow:0 15px 10px -10px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
-moz-box-shadow:0 15px 10px -10px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
box-shadow:0 15px 10px -10px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
}

/* Column Grids
----------------------------------------------------------------------------------------------------*/

.flushtop {
margin-top:0px !important;
padding-top:0px !important;
}

/*  SECTIONS  */
.section {
clear: both;
padding: 0px;
margin: 0 0 15px 0;
position:relative;
}


/*  COLUMN SETUP  */
.columns.dividers .col {
padding: 0 1%;
}

.col {
display: block;
float:left;
margin: 1% 0 1% 2.2%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing:border-box;
}

.ie9 .divider:before {
filter:none;
}

.divider:before {
content:" ";
margin:0 -2.1%;
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.19) 14%, rgba(0,0,0,0.19) 89%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(14%, rgba(0,0,0,0.19)), color-stop(89%, rgba(0,0,0,0.19)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.19) 14%, rgba(0,0,0,0.19) 89%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.19) 14%, rgba(0,0,0,0.19) 89%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.19) 14%, rgba(0,0,0,0.19) 89%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.19) 14%, rgba(0,0,0,0.19) 89%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=0 );
}

.col img {
max-width:100%;
height:auto;
padding:0;
border:0 none;
}

.col:first-child {
margin-left: 0;
}

.boxit {
background-color: #fff;
padding: 10px !important;
border:1px solid #ddd;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.boxit img {
display:block;
padding:0 !important;

}

/*  GROUPING  */
.group:before, .group:after {
content:"";
display:table;
}

.group:after {
clear:both;
}

.span_6_of_6 {
width: 100%;
}

.span_5_of_6 {
width: 82.96%;
}

.span_4_of_6 {
width: 65.93%;
}

.span_3_of_6 {
width: 48.9%;
}

.span_2_of_6 {
width: 31.86%;
}

.span_1_of_6 {
width: 14.83%;
}

.span_4_of_4 {
width: 100%;
}

.span_3_of_4 {
width: 74.45%;
}

.span_2_of_4 {
width: 48.9%;
}

.span_1_of_4 {
width: 23.35%;
}

.span_5_of_5 {
width: 100%;
}

.span_4_of_5 {
width: 79.56%;
}

.span_3_of_5 {
width: 59.12%;
}

.span_2_of_5 {
width: 38.68%;
}

.span_1_of_5 {
width: 18.24%;
}

p.imagecaption {
text-align:center;
margin-top:7px;
line-height:120%;
font-weight:bold;
}

@media only screen and (max-width: 480px) {
.headlinewrap, .headline, .headlineshadow {
width:100% !important;
margin-left:0 !important;
}
.flushtop {
margin-top: 15px;
}
.columns.dividers .col {
padding: 0;
}
.divider:before {
background: transparent;
}
.col {
margin-left:0;
margin-right:0;
min-height:0 !important;
}
	.span_6_of_6 {
		width: 100%; 
	}
	.span_5_of_6 {
		width: 100%; 
	}
	.span_4_of_6 {
		width: 100%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 100%; 
	}
	.span_1_of_6 {
		width: 100%; 
	}
    .span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%;
	}
    .span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%;
	}
}