/* 
    Document   : other
    Author     : jpg
    Description: Basic
        
*/
/*site*/

.main-container {width:1170px; margin: 0 auto;}

/* Alignment */
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }
/* Images and wp-captions should always fit and be responsive */
img { display: inline-block; height: auto; max-width: 100%; }
img[class*="wp-image-"] { margin-top: 10px; margin-bottom: 10px; }
.wp-caption { border: 1px solid #ccc; margin-bottom: 10px; max-width: 100%; border: 1px solid #ccc; border-radius: 4px; padding: 0 10px; }
.wp-caption.aligncenter { margin-bottom: 10px; }
.wp-caption img[class*="wp-image-"] { display: block; }
.wp-caption .wp-caption-text { text-align: center; line-height: 16px; margin-top: 10px; font-size: 12px; font-style: italic; }
/* WP Gallery */
.gallery { margin-bottom: 1.5em; }
.gallery a img { border: none; height: auto; max-width: 90%; }
.gallery dd { margin: 0; }
/* embeds and iframes fit their containers */
embed,
iframe,
object { max-width: 100%; }
/* screen readers */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }

/* MODAL */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:400px; width:320px; color:#bbb; background-color:#fff; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#999; font-size: 13px; font-weight: 200;}
a.basic {text-transform: uppercase; font-family: helvetica, sans-serif; color: rgb(35, 41, 127); background: #fff100; padding:5px 35px 5px 35px; font-size: 13px;}

/*#wpcf7-f35-t1-o1 {float:right; padding-right:30px;}*/
.wpcf7-response-output {font-size:9px; line-height: 14px; background: #fff; margin-top:-15px; padding:0px;}
span.wpcf7-not-valid-tip-no-ajax {display: none;}


#nav-right {float:left;}
#nav-left {float: right; margin-right:42px; margin-top: 5px;}

/*header top*/
.left { float:left; width:390px; background: #fff; font-size: 14px; }
.right { float:left; width:360px; background: #fff; font-size: 14px; }
.header_cont {background-color:#fff; padding-top:15px; width:1170px; margin:0 auto;}

.box-sizing { box-sizing: border-box; margin: 0; }
span.sitedesc {text-align:center; color:#fe0600;}
.socialimg {position:relative; bottom:5px;right:5px;}
.post_social {margin-top:0px; float: left;}

.site-header-inner {text-align: center;}
/*entry*/
.content {width:1170px; margin:0px;}
.entry-meta a {color: #23297f;}
.entry-meta {margin-bottom: 10px; margin-top: -10px; font-style: italic;}
/* top fix */
.topfix {margin-top:220px;}
.entry-content header h1 {padding: 0px; line-height: 24px;}
h1.page-title { font-size: 22px; /*line-height: 40px;*/ color:#23297f; font-weight: 500; text-transform: uppercase; padding:0px; }

h1.fpage-title { font-size: 22px; /*line-height: 40px;*/ color:#23297f; font-weight: 500; text-transform: uppercase; padding-top:10px; text-align: center; }


h1 {padding:20px 0; font-size: 22px; /*line-height: 40px;*/ color:#23297f; font-weight: 500; text-transform: uppercase; padding:0px;}

/* main navigation */
#menu-main-navigation {margin-left:-20px; padding-bottom:5px;}
ul#menu-main-navigation li a {text-transform: uppercase; color: #23297f; font-size: 20px; letter-spacing: 2px;}
ul#menu-main-navigation li a:hover { color:#333;}

.masonry {clear:both;}

.article {display:block;margin-right:30px;float:left; border-bottom: 1px solid #999; margin-bottom: 25px; font-size: 16px;
line-height: 24px;}

.pagination {clear:both;}

.narrow {width:360px;}
.medium {width:360px;}
.large {width:360px;}

.article .image{background:url(../img/ajax-loader.gif) no-repeat center center;display:block;}
.article .image img {opacity:0;}
.no-js .article .image, .article .image.loaded{background:none !important;}

.article.narrow img {height:99px; margin-left: auto; margin-right:auto; display: block;}
.article.medium img {height:219px; margin-left: auto; margin-right:auto; display: block;}
.article.large img {height:355px; margin-left: auto; margin-right:auto; display: block;}

.article h3 {font-size:1.2em;}
.article h3 ul {list-style:none;padding:0;margin:0;}

#infscr-loading{padding:20px;width:200px;height:40px;position:absolute;z-index:999;left:50%;margin-left:-100px;bottom:0px;overflow:hidden;background:#fff;border:1px solid #eee;}
#infscr-loading img{float:left;}
#infscr-loading .bearwithus{margin-left:45px;display:block;line-height:1em;margin-bottom:2px;}
#infscr-loading .loading{margin-left:45px;display:block;line-height:1em;}

/* single post page */
.post-content {width: 60%; float:left; padding-right:25px;}
.sidebar-content {width:32%; float:right;}
.comments-area{width: 100%; float:left;}
.post-date {margin-top:-10px; font-style: italic;}
.full-width {width: 100%; }

/* homepage */
.hero-copy {float: left; width:49%;}
.hero-image {float:right; width:50%; text-align: center;}
#hero-post {display: block; margin-bottom:35px;}
.header_social {padding-right:10px;}
/* sidebar widget */
.widget-title {color: #23297f; font-size: 22px; font-weight: 500;}

/* old faithful */
.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }

footer.social {padding:10px 0px; /*border-top: 1px solid #999;*/ border-bottom: 1px solid #999;}
.form-control {width:685px;}

h3#reply-title {font-size: 22px; font-weight: 500; color: #23297f;}

/*comments*/
#comments_container {margin-top: 15px;}
ol.comments li { border:1px solid #ccc; background: #ddd; margin-bottom: 10px; padding:20px; color: #333;}

/* iPhone 5 Portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	.topfix {margin-top:0px;}	
	.site_desc, .last_update {display: none;}
	.header_social {margin-left:auto; margin-right:auto; display:none;}
	
	.main-container {width:320px; margin: 0 auto; position: relative;}
	/*header top*/
	.header_cont {background-color:#fff; position: fixed; top:0px; left:0px; padding-top:15px; width:320px; margin:0 auto;}
	.content {width:320px; margin:0px;}
	.narrow, .medium, .large {width:290px;}
	
/* homepage */
.hero-copy {display: block; width:290px; padding:20px;}
.hero-image {display: block; width:320px; margin-top: 120px; text-align: center;}
#hero-post {display: block; margin-bottom:35px;}
#wpcf7-f35-t1-o1 {float:right; padding-right:30px;}

/*single post*/
.post-content { width:290px; padding:20px; margin-top: 75px; display: block; }
.sidebar-content {width:290px; display: block;}	
}


/* iPhone 5 landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	.topfix {margin-top:0px;}
	.site_desc, .last_update {display: none;}
	.header_social {margin-left:auto; margin-right:auto; display: none;}
	
	.main-container {width:568px; margin: 0 auto; position: relative;}
	/*header top*/
	.header_cont {background-color:#fff; position: fixed; top:0px; left:0px; padding-top:15px; width:568px; margin:0 auto;}
	.content {width:568px; margin:0px;}

/* homepage */
.hero-copy {display: block; width:568px; }
.hero-image {display: block; width:568px; margin-top: 120px; text-align: center;}
#hero-post {display: block; margin-bottom:35px;}
#wpcf7-f35-t1-o1 {float:right; padding-right:30px;}

/*single post*/
.post-content { width:290px; padding:20px; margin-top: 75px; display: block; }
.sidebar-content {width:290px; display: block;}	
}

@media(max-width:656px){
  .article.narrow img {height:99px;}
  .article.medium img {height:219px;}
  .article.large img {height:355px;}

  .masonry {margin:0 auto;width:400px;}
  
  .narrow, .medium, .large {width:290px;}
  .medium, .large {width:390px;} 
}

/*?*/
@media(max-width:960px){
	.topfix {margin-top:0px;}
}


@media(max-width:434px){
  .article.narrow img {height:80px;}
  .article.medium img {height:178px;}
  .article.large img {height:286px;}

  .masonry {margin:0 auto;width:290px;}
  .narrow, .medium, .large {width:290px;}
  .topfix {margin-top:50px;}
  #hero-post {display: block; margin-bottom:35px; margin-top:-40px;}
}

/* iPad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.topfix {margin-top:200px;}
}

/* iPad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.topfix {margin-top:0px;}
}

.twitter_small {height:400px; width:350px;}
.twitter_small .image {display:none;}
.twitter_small h2 {display: none;}
.twitter_small .entry-meta { color: #fff; margin-top: -35px; font-size: 1px;}
.twitter_small a {display: none;}
iframe[id^='twitter-widget-0']{ width:350px !important;}