@font-face {
  font-family: 'social-icons';
  src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/70/social-icons.eot');
  src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/70/social-icons.eot?#iefix') format('embedded-opentype'),
      url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/70/social-icons.woff') format('woff'),
      url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/70/social-icons.ttf') format('truetype'),
      url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/70/social-icons.svg#social-icons') format('svg');
  font-weight: normal;
  font-style: normal;
} 
 
/* ==========================================================================
   Reset
   ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, picture, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
	background:none!important;
}

audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}

.videocore {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videocore iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
em {font-style: italic;}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea {color: #222;}
html {font-size: 1em; line-height: 1.4;}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {vertical-align: middle;}


fieldset {border: 0; margin: 0; padding: 0;}

textarea {resize: vertical;}

input:valid, textarea:valid {
    box-sizing: inherit !important;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   UC BLog Styles custom styles
   ========================================================================== */
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow: hidden; overflow-y: auto; font-weight: normal; font-style: normal; }
html, button, input, select, textarea {color: #3c3c3c;}
body { margin: 0; font-size: 100%; line-height: 1.2em; zoom: 100%; background-color: #fff; overflow-y: auto; position: relative; overflow: hidden; font-weight: normal; font-style: normal;}
* { margin: 0; padding: 0px;}
.access, .blog-core .mobile-menu, .footer-social {display: none}

.grid {
width: 100%;
margin: 0 auto;
display: block
}

.blog-core .grid {max-width: 1120px;}
.lt-ie9 .blog-core .main-content {width: 1118px;}

.blog-core .shadow{
-webkit-box-shadow: inset 0 25px 13px -20px rgba(0, 0, 0, 0.1);    
-moz-box-shadow: inset 0 25px 13px -20px rgba(0, 0, 0, 0.1);    
box-shadow: inset 0 25px 13px -20px rgba(0, 0, 0, 0.1);
position: absolute; width: 100%; top:  0; z-index: 999; height: 2%;}

.blog-wrapper {}
.blog-wrapper h1 {margin-top: 0; color: #008DCF}

.blog-wrapper .pipe {padding: 0 4px;}

.lt-ie10 .grid{overflow: hidden;}
.grid .grid { padding-left: 0; padding-right: 0; width: 100%; }

/* To fix the grid into a different size, set max-width to your desired width */
.column, .columns { position:relative; margin-left: 1.95313%; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.slided  {position: relative; z-index: 99999; top: 0; background: #F7FBFD; display: none}
.slided .dd {display: block;
overflow: hidden;
width: 100%;
max-width: 1120px;
margin: 0 auto;
padding: 1.5em 0 1em;}
.slided a {color: #222;}
.slided li {padding-bottom: .6em;}
.slided .dd-column {float: none}

.explore {
background: #FFF;
float: right;
text-align: center;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
position: relative;
/*text-transform: uppercase*/;
font-size: .8em;
}
.explore a:hover {text-decoration: none}
.explore a {padding: .6em; display: block; background: #F7FBFD; padding-right: 2.4em;}
.explore .indicator {
background: url(/assets/blog/images/blog-icon.png) no-repeat;
display: block;
width: 14px;
height: 10px;
position: absolute;
right: .5em;
background-position: 0 -140px;
top: 35%;
}

.explore .active .indicator {background-position: 0 -148px;}

.column:first-child, .columns:first-child, .alpha, .listing .module-thumbnail { margin-left: 0; }

/* Column Classes */
.grid .one.column { width: 6.54297%; }
.grid .one.columns { width: 6.54297%; }
.grid .two.columns { width: 15.03906%; }
.grid .three.columns { width: /**23.92857142857143%**/ 23.975%; }
.grid .four.columns { width: 32.03125%;}
.grid .five.columns { width: 40.52734%; }
.grid .six.columns { width: 49.02344%; }
.grid .seven.columns { width: 57.51953%; }
.grid .eight.columns { width: 66.01563%; }
.grid .nine.columns { width: 75.98214285714285%; }
.grid .ten.columns { width: 83.00781%; }
.grid .eleven.columns { width: 91.50391%; }
.grid .twelve.columns { width: 100%; margin-left: 0;}


header {position: relative;}

.blog-wrapper {overflow: hidden;}
.blog-wrapper .main-content {overflow: visible;}
.blog-content, .blog-callouts, .social .columns  {margin-left: 0;}
.main-content {
margin-bottom: 2.5em;
position: relative;
font-size: .9em;
line-height: 1.6;
}

.feed-filter {z-index: 999; position: absolute; left: -56px;}
.filter-item  {margin-bottom: .5em}
.filter-item  a {background: #CCC; text-align: center; padding: .6em; display: block; color: #949494;}
.filter-item  .active {background: #E5E5E5; color: #0073CF;}
.recent-icon, .popular-icon  {display: block; width: 32px; height: 32px; left: 5px; position: relative; background: url(/assets/blog/images/blog-icon.png) no-repeat}
.active .recent-icon  {background-position: -25px -31px;}
.recent-icon  {background-position: -126px -268px;}
.active .popular-icon  {background-position: -57px -63px;}
.popular-icon  {background-position: -125px -231px;}


.banner-content { margin-bottom: 1.7em; margin-top: 1.5em; color: #FFF; font-weight: normal;}
.entry {overflow: hidden; font-size: 14px;}
.entry .eight.columns {width: 65.01563%;}
.entry .eight { margin-left:1.95313% }
.blog-core {position: relative;}
.bg {max-width: 1118px; left: 50%;}
.hero, .bg {position: absolute; width: 100%; top: -5%;}
.bg {top: -80px; }
.hero img, .bg img {width: 100%; height: auto;}
.bg img {margin-left: -50%;}
.blog-core .content {background-color: #e5e5e5; padding: 1.125em;}

.transition { background-color: rgba(255, 255, 255, 0.7)}

.lt-ie9 .transition {-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff)";}

.transition .callout {border-radius: 0; border: 0; background: none; }
.blog-core .logo {float: none; margin-left: 46px;}
.blog-core .logo img { width:50%;}
.no-svg .blog-core .logo  {
  background: url(/assets/default/images/logo.png) no-repeat left bottom;
}

.banner-content .blogheaderh1 {
    font-family:SeravekBasicLight, Arial, Helvetica, sans-serif;
    font-size: 5.5em;
    color: #3d5797;
    /**text-shadow: 1px 1px 1px #8C8888;**/
    padding-bottom: 0;
    line-height: 90%;
    margin-left:-9px;
}

header .banner-content a {
	display:inline-block;
    margin-left:1px;
	padding:10px 50px 0 50px;
}


.banner-content a:hover {
  text-decoration: none;
}


@media (max-width: 42.500em) {
	header .banner-content a {
		padding:15px;
	}

}
.lt-ie9 .banner-content h1 {padding-bottom: 12px;}

.banner-content .banner-copy{font-size: 1.5em; line-height: 1.3em; padding-top: .4em; /*color: #0A2343;*/ color: #002244;}
.lt-ie9 .banner-copy{width: 50%;}

.blog-wrapper .callout{padding-top: 0; padding-bottom: 0; padding: 0 1.5em; margin-bottom: 2em;}
.lt-ie9 .blog-wrapper .callout{padding-top: 0; padding-bottom: 0; padding: 0 1.5em; margin-bottom: 2em;}
.blog-wrapper .callout a{color: #0073CF;}
.blog-wrapper .callout li a{color: #333333;}
.blog-wrapper .callout h3{margin-top: 0}

.callout.search {padding: 0 12px;}
.callout .search-form {float: none !important; padding: 22px 10px;}
.callout .search-form .text {width: 100%; padding-right: 0;}
.lt-ie9 .callout .search-form .text {width: 80%}

.callout.navy {border-left: 7px solid #0a2343}
.callout.navy h3 {color: #0a2343}

.callout.blue {border-left: 7px solid #008dcf}
.callout.blue h3 {color: #008dcf}

.callout.green{border-left: 7px solid #27a348}
.callout.green h3 {color: #27a348}

.callout.purple {border-left: 7px solid #5d2882}
.callout.purple h3, .callout.purple a {color: #5d2882 !important}

.callout.social li:nth-child(1), .callout.social li:nth-child(4), .callout.social li:nth-child(7){text-align: left}
.callout.social li {text-align: center}
.callout.social li:nth-child(3n){text-align: right}

.callout.category li {font-size: 16px; padding-top: .5em;}

.callout .date {padding-top: 1em;}
.date-classes {padding: 1em 0 0;}
.date-classes a {position: relative;}
.date-icon {background: url(/assets/blog/images/blog-icon.png) 0 0 no-repeat; width: 26px; height: 25px; display: inline-block; padding-right: .4em; vertical-align: middle;}

.callout.topics h3 {margin-bottom: 4px;}
.callout.topics li {padding: 0; display: inline-block; padding: 0 1em 0 0 !important; font-size: 14px;}
.callout.topics li a {padding-top: 1em; display: inherit;}

.blog-post, .blog-title, .blog-author {background: #fff; margin-bottom: 12px;}
.blog-title, /*.blog-author*/ {margin-bottom: 0}
/*.blog-title .entry .twelve, .blog-author .entry .twelve {border-bottom: 1px solid #E5E5E5; margin-bottom: 18px;}*/
.blog-author .entry .twelve {overflow: hidden;  padding-bottom: 1em; padding-top: 1em; padding-left: 1em;}
.blog-author .entry .three img {width: 100%; height: auto}
.blog-author .about-author {text-transform: uppercase; color: #008DCF}
.blog-author .entry .twelve .nine {width: 72.682143%;}

.blog-post img{width: 100%; max-width: initial; height: auto}

.blog-core footer {position: relative; z-index: 99999}
.blog-core .foot-inner, .blog-core .foot-note{max-width: 1100px !important; border-top: 0;}
.lt-ie9 .blog-core .foot-inner, .lt-ie9 .blog-core .foot-note{width: 1100px !important;}
.blog-core .foot-5 {margin-right: 6.5em}

.blog-post-header h1 {font-size: 33px; line-height: 1.1em;}
.blog-post-header h3, .blog-form h3 {color: #0073CF; margin-top: 0; line-height: initial; color: #0063a5}
.blog-post-header {padding-top: 1em; padding-right: 1em;}
.blog-post-title {color: #0073CF; font-size: 40px; padding: .3em; line-height: initial;}
/*.blog-post-copy {padding-right: 1em;}*/
.vcard.date {display: inline-block;}
.lt-ie9 .vcard.date {display: block; float:left; clear:left}
.vcard.author{display: inline-block;}
.lt-ie9 .vcard.author {padding-right: 1em;}
.post-meta-link {color: #5D2882; padding: 0 .4em;}

.links {padding-top: 1em}
.blog-post .links.grid {

}
.social-share {position: relative; /*top: -4px*/}
.share {/*text-align: right;*/ margin-top: 7px;}
.share .facebook-like {top: -6px; position: relative;}
.share .twitter-tweet {padding: 0 .2em; display: inline-block; width:76px;}
.share iframe {display: inline-block;}


.blog-post .share div {
position: relative;
}
.share .comment {display: inline-block; position: relative; top: 3px;}
.share .comment a {
background: url(/assets/blog/images/blog-icon.png) -88px -102px no-repeat;
display: block;
width: 26px;
height: 26px
} 

.three-post {overflow: hidden}
.three-post .blog-post {}
@media (max-width: 64em) {
.three-post .blog-post {min-height: 82em;}
}
@media (max-width: 57.500em) {

.three-post .blog-post {min-height: inherit;}
}

.three-post .entry {background: #FFF; min-height: 50em;}
.three-post .blog-post-header {padding: 1em 1em 0 1em;}
.three-post .blog-post-header h2 {font-size: 30px; line-height: 1em;}
.three-post .blog-post-copy{padding: 0 1em;}
.three-post .six {width: 100% !important; float: none;}
.three-post .share {text-align: left; margin-left: 0;}
.three-post .post-tags, .three-post .social-share {padding: 1em; padding-top: 0}
.lt-ie9 .three-post .post-tags {clear:both; float:left; width:90%; padding:1em 5% }
.three-post .links {position: absolute;
bottom: 0;}

.blog-core footer ul {float: none}
.blog-core .foot-5 {width: 150px}
.blog-core footer .fb, .blog-core footer .twitter, .blog-core footer .yt, .blog-core footer .gplus, .blog-core footer .pinterest, .blog-core footer .insta, .blog-core footer .news, .blog-core footer .linkedin, .blog-core footer .flip {
background: url(/assets/blog/images/blog-icon.png) no-repeat;
display: block;
padding-left: 26px;
}

.search-result {padding: 0 1em 1em !important; width: 96.2% !important;}
.search-result h3 {color: #0073CF; font-weight: bold; margin-top: 0;}
.search-result .textbox {max-width: 400px; width: 100%; margin-right: 1em; padding-left: .4em;}
.search-result .button{position: relative; top: -.2em; margin-top: 0; height: 30px;}
.search-result .list{padding: 1.2em 0;border-bottom: 1px solid #E5E5E5;}
.search-result .list h3{margin-bottom: 0}
.search-result .list .blog-post-header{padding-bottom: .4em}

.detail {}
.detail .twelve {padding: 1em; border-bottom: 1px solid #E5E5E5;}
.detail .blog-post-copy {/*padding-right: 1em;*/ padding-bottom: 1em; overflow: hidden}
.detail .scfSectionContent .scfSingleLineGeneralPanel, .detail .scfSectionContent .scfEmailGeneralPanel, .detail .scfSectionConten .scfMultipleLineGeneralPanel {padding-bottom: 1em}
.detail .scfSectionContent div input, .detail .scfSectionContent div textarea {width: 70%}
.detail .scfRequired {display: none}
.detail .scfForm .three {margin-left: 0}

.detail .module-bg-detail-image.right .widget-content {padding-top: 0; padding-right: 0px; line-height: 1.35em;}
.module-bg-detail-image.right {width: 34%;} /** Changed from 35 to fix alignment issues **/
.detail .img-holder img {width: 100%;}

.blog-core footer .fb {background-position: -143px 0;}
.blog-core footer .twitter {background-position: -143px -23px;}
.blog-core footer .twitter:before {content: initial}
.blog-core footer .yt {background-position: -143px -44px;}
.blog-core footer .insta {background-position: -143px -66px;}
.blog-core footer .gplus {background-position: -143px -88px;}
.blog-core footer .pinterest {background-position: -143px -110px;}
.blog-core footer .flip {background-position: -143px -132px;}
.blog-core footer .linkedin {background-position: -143px -154px;}
.blog-core footer .news {background-position: -143px -176px;}


/****************************** PAGINATION CSS *****************************************/
.module-pg-wrapper {
	text-align: center; 
	margin: 2em 0 1.5em;
}

.module-pg-nav {text-align: center; font-size: 1.5em;}

.module-pg-nav a, .module-pg-nav span { margin:  0 3px; }
.module-pg-nav a:hover { text-decoration: none }
.module-pg-info {margin: 0 auto}
ul.pagination {display: inline-table; height: 1.33333rem; margin-left: -0.27778rem;  list-style: none;}
ul.pagination li {height: 1.33333rem; color: #222222;}
ul.pagination li a {display: block; padding: 0.05556rem 0.55556rem 0.05556rem; color: #008DCF; -webkit-border-radius: 3px; border-radius: 3px; }
ul.pagination .arrow {padding: 0}
ul.pagination .arrow a {font-size: 3em; line-height: .4em;}
ul.pagination .arrow a:hover, ul.pagination .arrow:hover a {background: none;}
ul.pagination li:hover a, ul.pagination li a:focus {/*background: #FFF;*/}
ul.pagination li.no-link a {cursor: default; color: #eeeeee; }
ul.pagination li.no-link:hover a, ul.pagination li.no-link a:focus { background: transparent; }
ul.pagination li.active a {color: #3C8BD8; font-weight: bold; cursor: default; }
ul.pagination li.active a:hover, ul.pagination li.active a:focus {background: #FFF;}
ul.pagination li {float: left; display: block;  background: none; padding: 0 .5em;}

/* Pagination centred wrapper */
.pagination-centered { text-align: center; }
.pagination-centered ul.pagination li {
	float: none;
	display: inline-block; 
}

.listing-item-more-link .read-more {border-radius: 3px;}
.listing-item-more-link .read-more:hover {background: #c7c7c7;}

.blog-author {}
.blog-author .view {font-weight: bold;}
.blog-author .three.columns {width: 21.928571%;}
.blog-author .blog-post-header {padding-top: 0;}

/*******************************SHARE***********************************************/
.share a {
  text-decoration: none;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  vertical-align: top;
}
  .share a:before {
    font-family: 'social-icons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.share-count {padding: 0 .4em;}

share div:first-child {position: relative; top: -4em; width: 65px !important;}

.facebook {color: #3A5896;}
.facebook:before {content: "\e600"; color: #3A5896;}

.twitter {}
.twitter:before {color: #00aced; content: "\e601";}

.google-plus {max-width:66px;margin-left:10px;}
/*.google-plus:before {color: #dd4b39;content: "\e603";}*/


.module-view-all a {float: right; padding-top: .4em}

.comment-name, .comment-date {font-weight: bold;}

/*******************************MEDIA QUERIES***********************************************/
@media (max-width: 77.500em) {
.banner-content .banner-copy {display: none;}
.feed-filter {
position: relative;
left: 0;
overflow: hidden;
}
.filter-item {margin-bottom: 0; float: left;}
.filter-item a {padding: .4em 1em 0;}

.banner-content {margin: 0 0 12px 0; padding-left: 0;}
.banner-content h1 {font-size: 4em;}
.banner-content .banner-copy {width: 50%; font-size: 1.2em;}
}

@media (max-width: 70.625em) {
.foot-inner, .foot-note {
padding-left: .6em !important;
}
.hero, .bg {
position: absolute;
width: 100%;
top: -70px;
}
}
@media (max-width: 62.500em) {
/*.banner-content, header .logo,*/ .foot-inner, .foot-note {padding-left: .6em !important}
.slided .dd {width: 95%;}
.blog-post-header h2 {font-size: 2em !important;}
.blog-post-header h3 {font-size: 17px;}
.three-post .entry {min-height: 45em;}
.foot-1,.foot-2, .foot-3, .foot-4, .foot-5{width: 100% !important; max-width: 150px; margin: 0 !important}
.detail .module-bg-detail-image .widget-content { width: auto !important}
.detail .module-bg-detail-image .widget-content img {max-width:100%; height:auto}
}

@media (max-width: 55em) {
.links .six {width: 100% !important; text-align: left; margin-left: 0;}
.post-tags {padding: 0 0 1em !important;}
}

@media (max-width: 50em) {
.blog-wrapper .callout h3 {line-height: initial;}
.blog-wrapper .callout {padding: 0 .6em;}
.blog-post-header h2 {font-size: 1.5em  !important;}
.blog-post-header h3 {font-size: 1.1em}
.three-post .blog-post-header, .three-post .blog-post-copy, .three-post .post-tags, .three-post .social-share {padding: .6em;}

.foot-1, .foot-2, .foot-3, .foot-4, .foot-5 {max-width: 120px;}
.blog-core .rev-box, .blog-core .footer-info {float: none}
}

@media (max-width: 48em) {
.nine.columns {width: 100% !important;}
.blog-callouts {display: none}
.blog-author .grid .nine.columns {width: 75.98214285714285% !important;}
}

@media (max-width: 42.500em) {

.blog-wrapper .main-content {padding: 0 !important; margin: 0 !important}

.three-post .four.columns {width: 100% !important;}
.three-post .entry {min-height: initial}
.three-post .figure {width: 32.03125%; float: left; margin-bottom: 5%;}
.three-post .links {position: relative;}
.three-post .blog-post-header, .three-post .blog-post-copy, .three-post .links {width: 65.01563%; float: left; margin-left: 1.95313%;}

.three-post .blog-post-header, .three-post .blog-post-copy, .three-post .post-tags, .three-post .social-share {padding: 0;}

.blog-core .logo {
    margin-left:0;
}

}
.page-changed .blog-post { display:none}
@media (min-width: 40.063em) {
.blog-core .mobile-menu {display: none !important;}
}
@media (max-width: 40em) {
.blog-wrapper .content #main {padding-top: 12px}
.external-nav, .shadow  {display: none}
.mobile-call {display: block !important; position: absolute; text-align: right; padding-right: 1.3em; right: 0; top: .4em;}
    
.blog-author .entry .twelve {width: 95%; padding-left: 0;}

.blog-core .logo {padding-top: 0; padding-left: 12px; margin-bottom: 2.5em;}
.blog-core .logo img {width: 50%;}

.blog-core .mobile.search, .blog-core .mobile-nav {display: inline-block;}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  line-height: 2em;
}
.blog-core .mobile.search, .blog-core .mobile .search-form {position: relative; top: 0; right: 0; z-index: 999;}
/*.blog-core .mobile .site-search input[type=text] {
background: #fff url(/assets/blog/images/mobile-search-icon.png) no-repeat center;
padding: .35em;
width: 28px !important;
height: 23px;
font-size: 1.6em;
line-height: 23px;
}*/
.blog-core .site-search input[type=text].focus {width: 200px !important; background-position: 97%;}
.blog-core .site-search input[type=text].focus + input[type="submit"] { z-index:10; height:30px; opacity:0; width:35px}

.blog-author  .blog-post-copy {display: block}
.blog-author  .blog-post-copy p {display: none;}

.mobile-nav {position: relative; width: 35px; top: -1px; z-index: 99999;}
.mobile-nav .nav-btn {
background-color: #0073CF;
border-radius: 5px 5px 5px 5px;
color: #FFF;
display: block;
font-size: 16px;
font-weight: bold;
line-height: inherit;
text-align: center;
text-decoration: none;
position: absolute;
height: 25px;
top: -21px;
}
.mobile-nav .nav-btn span {
/*background: url(/assets/blog/images/blog-icon.png) no-repeat -23px -240px;*/ width: 28px; display: block; height: 28px; padding: .2em .4em;
}
.mobile-nav .nav-btn span:before {content: '☰'; color: #FFF;}
.mobile-nav .nav-btn.active span {
background-position: -47px -270px;
}

/*Mobile Menu=====================================================*/
.blog-core .mobile-menu {
background: #0073CF;
position: absolute;
width: 95.5%;
left: 2.5%;
z-index: 999;
top: .5em;
border-radius: 5px 5px 5px 5px;
font-size: 1.2em;
font-weight: normal;
}
.blog-core .mobile-menu a {color: #fff}
.blog-core .mobile-menu ul {padding: 1em 1em 0;}
.blog-core .mobile-menu li {padding-bottom: 1em}

.blog-core .mobile-menu .menu-sub {padding: 0 2em 0 1em;}
.blog-core .mobile-menu .menu-sub ul {padding: 0;}
.blog-core .mobile-menu .menu-sub li {padding-top: 1em; padding-bottom: 0; position: relative;}
.blog-core .mobile-menu .menu-sub a span {position: absolute; right: 0; font-size: 2em; top: 30%;}

.hero, .bg {
position: absolute;
width: 100%;
top: -70px;
}
.bg img {width: 120%; top: -30px; position: absolute}
.banner-content {padding-left: 0; margin: 0 ;}
.banner-content h1 {font-size: 2.4em; line-height: inherit;}
.blog-post-header h3, .blog-post-copy, .entry .links, ul.pagination li, .feed-filter {display: none}
.detail .entry .links {display: block}
.blog-core .content {background-color: #fff; width: 95%; padding: 0; margin: 0 auto;}
.entry {border: none}
.search-result {width: 90% !important;}
.blog-post-title {font-size: 1.7em; padding: .8em 1em .8em;}
.entry .four.columns, .three-post .figure {width: 26.03125%;}
.three-post .figure {margin-bottom: 0}
.three-post .four.columns {margin-left: 0;}

.four.columns.blog-post {display: block;}

.entry .eight.columns {width: 70.01563%;}
ul.pagination .arrow {display: block}
.blog-post-header {padding-top: 0; padding-right: .3em;}
.blog-post img {width: 90%;}
.blog-post-header{padding-top: 0; padding-right: .3em; font-size: .9em;}
.blog-post-header h2 {font-size: 1.4em !important; margin-bottom: .4em;}

.search-result .button {top: 0; margin-top: 1em;}
.list .blog-post-header h3, .detail .blog-post-header h3, .detail .blog-post-copy {display: block;}

.detail .blog-post-copy {padding-top: 1em}

.detail .scfSectionContent div input, .detail .scfSectionContent div textarea {width: 100% !important;}
.scfDropListBorder, .scfDropListBorder2, .scfEmailBorder, .scfMultipleLineTextBorder, .scfSingleLineTextBorder, .scfPasswordBorder, .scfNumberBorder, .scfDatePickerBorder, .scfDateBorder, .scfRadioButtonListBorder, .scfListBoxBorder, .scfCheckBoxListBorder, .scfFileUploadBorder, .scfDateSelectorBorder, .scfCreditCardBorder, .scfConfirmPasswordBorder, .scfCaptchaBorder, .scfTelephoneBorder, .scfSmsTelephoneBorder {overflow:visible !important}
.detail .scfEmailGeneralPanel, .detail .scfMultipleLineGeneralPanel, .detail .scfSingleLineGeneralPanel, .detail .scfPasswordGeneralPanel, .detail .scfNumberGeneralPanel, .detail .scfDatePickerGeneralPanel, .detail .scfDateGeneralPanel, .detail .scfRadioButtonListGeneralPanel, .detail .scfCheckBoxListGeneralPanel, .detail .scfFileUploadGeneralPanel, .detail .scfDateSelectorGeneralPanel, .detail .scfCreditCardGeneralPanel, .detail .scfConfirmPasswordGeneralPanel, .detail .scfCaptchaGeneralPanel, .detail .scfTelephoneGeneralPanel, .detail .scfSmsTelephoneGeneralPanel {width: 100%}

.blog-core footer {margin-top: 1em;}
.footer-social {display: block; background: #efefef; padding: 1em 0;}
.footer-social ul {overflow: hidden; padding-bottom: 0; width: 95%; margin: 0 auto; text-align: right;}
.footer-social ul .label {padding: .6em 0; font-size: 1.1em;}
}

@media (max-width: 32.500em) {
.blog-core .mobile-menu {width: 95%;}
.detail .module-bg-detail-image .right, .detail .module-bg-detail-image.right {width: 100%;}
.detail .module-bg-detail-image .right .widget-content, .detail .module-bg-detail-image.right .widget-content {padding:0 0 1em 0}
.hero, .bg {
position: absolute;
width: 100%;
top: 0;
}
.bg img {width: 100%;}
}

/* WFFM Blog Comments Form and other Overrides */
.scfDropListBorder, .scfDropListBorder2, .scfEmailBorder, .scfMultipleLineTextBorder, .scfSingleLineTextBorder, .scfPasswordBorder, .scfNumberBorder, .scfDatePickerBorder, .scfDateBorder, .scfRadioButtonListBorder, .scfListBoxBorder, .scfCheckBoxListBorder, .scfFileUploadBorder, .scfDateSelectorBorder, .scfCreditCardBorder, .scfConfirmPasswordBorder, .scfCaptchaBorder, .scfTelephoneBorder, .scfSmsTelephoneBorder {
    margin: 0 !important;
    padding: 0 !important;
}

.detail .scfSectionContent div input, .detail .scfSectionContent div textarea {
    width: 100% !important;
}

.detail .scfSectionContent div input[type="image"] {
  width: 16px !important;
}

.scfSectionContent {
    padding-left: 0 !important;
}

.scfIntroBorder {    
    padding-top: 1em;
}

.blog-post .img-holder {
  /*text-align: right;*/
}
.blog-post .img-holder img {
    width: auto;
    max-width:100%;
    padding-bottom: .75em;

}

.blog-post-name, .blog-post-url {
    display: none;
}

@media (max-width: 768px) and  (min-width: 667px){
	.bg {
		top:-30px;
	}
	.blog-core .logo {
		margin-left:30px;
		margin-bottom:0;
		padding-top:20px;
	}
	.blog-core .logo img {
		width:45%;
	}
	header .banner-content a {
		font-size:0.8em;
		padding:0 20px;
	}
	.banner-content .blogheaderh1 {
		margin-left:5px;
	}
}

@media (max-width: 414px) {
	.bg {
		top:10px;
	}
	.blog-core .logo img {
		width: 35%;
	}
}
