/*
Theme Name: Flat Bootstrap Child
Theme URI: http://xtremelysocial.com/wordpress/child/
Description: Child theme for Flat Bootstrap. Includes a stylesheet (style.css) for you to restyle any of the CSS and a functions.php file to change theme parameters or components. Both files include samples of a few common things you might want to do.
Author: XtremelySocial
Author url: http://xtremelysocial.com
Version: 1.4
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.4
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
*/

/* Include the parent theme's stylesheet(s). Then anything you change below that will
 * override those styles. If you'd rather start from scratch, you can comment out this
 * next line.
 */
@import url("../flat-bootstrap/style.css");

/* PUT YOUR CHANGED STYLES HERE 
 * 
 * The best way to do this is to copy in the relevant section from the parent's style.css
 * file, change what you want, and remove the lines that you didn't change.
*/


@import url("css/ks-socials.css");
@import url("css/ks-menu.css");
/* PUT ANY NEW STYLES TO USE IN YOUR CONTENT AREAS HERE SO YOU CAN EASILY PASTE THIS
 * SECTION IF YOU CHANGE THEMES
 */


/*Header image*/
.custom-header-image 	{
	max-height:500px!important;	
}
 
/* Content header*/

.content-header {
	background: none;
	color:#000;
	border-bottom: 1px solid #333;
	padding-top:25px;
}

.content-header h1, .content-header h2, .content-header h3 {
    color:#000;
}

.page-title	{
	text-transform:uppercase;	
	padding-left:0px;
}
.headingswrap .page-title, #ad-info .page-title { padding-left: 0px; }
.entry-title	{
	font-size:20pt;
}

.blue-band, .white-band { max-width:1170px; margin: 0 auto; }
body { background-color: #fff; }
body, h1, h2, h3, h4, h5, h6 { font-family: "futura-pt", sans-serif; font-weight:normal;color:#000; }
h2	{font-size:2.2em;}
a {color: #336a7c;}
a:hover {color: #e45649;}
p, .entry-content li, #twitter-2 li { font-family:"minion-pro", serif; font-size:15pt; line-height: 22pt; }
blockquote	{
		font-family: "futura-pt", sans-serif; 
		font-weight:100;
		color:#336a7c;
		border-left:none;
		padding:1em 3em;
		font-size:20pt;
		line-height:1.5em;
}
blockquote p	{
		font-family: "futura-pt", sans-serif; 
		font-weight:100;
		font-size:20pt;
}

.white { background:#fff; }

.wp-caption-text, .gallery-caption {
    line-height:1.1em;
	margin-top:10px;
}

#secondary .tribe-events-list-widget	{ margin-bottom: 40px;   }

/* Make the buttons square. This is just an example, remove it if you want. */
button, html input[type="button"], input[type="submit"], .btn {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

button, html input[type="button"], input[type="submit"]	{
	 background-color:  #336a7c;
	 text-transform: uppercase;
}

button, html input:hover[type="button"], input:hover[type="submit"]	{
	 background-color:  #e45649;
}

/*Logo*/
#home-branding .navbar-brand {
    font-family: "minion-pro", serif;
    font-size: 48pt;
	line-height:.9em;
    padding-top: 42px;
    padding-bottom: 18px;
    padding-left:0px;
	padding-right:40px;
    text-transform: none;
    font-style: italic;
    color: #fff !important;
    font-weight: 600;
}

.home-image { height: 100%; position: relative; }

.blog .post-thumbnail	{ float:left; margin-right:20px;max-width:200px;}

.ks-blog-header { border-bottom:1px solid #333; background:#fff; overflow:hidden; }

#title-head { min-height:170px; max-width:1170px; margin:0 auto; }
#title-head-feat { min-height:300px; max-width:1170px; margin:0 auto; }
.title-block {
    float:left;
    padding:15px;
}

.title-block .header-image-title { font-family: "futura-pt", sans-serif; text-transform: uppercase; color: #333; font-weight: 400; }
.trail, .trail a { color: #1E6685; }

.alignright, .align-right {
    margin-left: 20px;
}

.alignleft, .align-left {
    margin-right: 20px;
}

#fp-caption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: auto;
    max-width: 460px;
    background: rgba(255,255,255,0.87);
    margin-left: 15px;
}
.fp-caption-text p {
    font-family: "futura-pt", sans-serif;
    line-height: 1.2;
    font-weight: 300;
    font-size: 15pt;
    padding: 15px 20px 0 20px;
}

.fp-caption a	{
	color:#336a7c;	
}
.posted {
    color: #999;
    margin:15px 0 5px 0;
    line-height: 16pt;
}

.glyphicon,.posted-on, .comments-link	{
	  color: #999;	
}

.wp-caption-text, .gallery-caption	{
	text-align:left;	
}
#blueband {
    max-width: 1300px;
    width: 100% !important;
    min-height: 300px;
    margin: 0 auto;
    background: #e5eef0;

}
#blueband p {
    font-family: "futura-pt", sans-serif;
    font-size:20px;
    color:#333;
    padding: 0 10% 0 0;
    font-weight: 100;
}
 .topright-img h2 { padding:10px 0; }
#blueband h2, .topright-img h2 { font-weight: 400; color:#336a7c; }
#blueband h4 a, .textwidget h4 a, .submit , .topright-img h4 a, .tribe-events-widget-link a { font-family: "futura-pt", sans-serif; font-weight: 700; color:#e45649;letter-spacing:0.05em;text-transform:uppercase; }

#blueband h4 a:hover, .textwidget h4 a:hover, .submit:hover , .topright-img h4 a:hover, .tribe-events-widget-link a:hover { color:#222;}

#whiteband h2 { font-weight: 400; color:#222; font-size: 42px; margin: 24px 0; }
#whiteband {
    max-width: 1300px;
    width: 100% !important;
    min-height: 300px;
    margin: 0 auto;
    background: #fff;
}
#cnp {
    max-width: 1300px;
    width: 100% !important;
    min-height: 300px;
    margin: 0 auto;
}
#ad-info { }
#info-box { list-style:none; padding:0; margin:20px 0 0 0; float: left; }
#info-box .ad-small { padding-left:0; height: 220px; }
#info-box .ad-medium { padding-left:0; height: 300px; }
#info-box .ad-large { padding-left:0; height: 520px; }

.hometzr { list-style:none; padding:0; margin:0 0 20px 0; }
.hometzr li { width:100%; height: auto; float: left; margin:0 0 20px 0;}
.hometzr li .feat { display:block; float:left; }
#ad-info a { font-family: "futura-pt", sans-serif !important; }
.hometzrcontent a, #ad-info a { font-size: 20pt; line-height: 1.2; font-weight: 400; }
.hometzrcontent a:hover, #ad-info a:hover { color: #e45649;}
.hometzrcontent { display:block; float:left; padding: 0 4%; width: 60%; }
.hometzrcontent a.read-more	{ font-size:.9em;}

.su-row .su-column { margin:0 !important; }
.su-column-size-1-2 {
    width: 50% !important;
    float:left;
}
/*.homeposts-left { width: 50%; float:left; }
.homeposts-right { width: 50%; float:left; }*/
.blog-description {

    font-family: "futura-pt", sans-serif !important;
    font-style: normal !important;
    font-size: 16pt !important;
    text-transform: uppercase !important;
    padding-top: 74px !important;
    font-weight: 400 !important;

}
.budgeup { 
	margin-top: -120px;
	transform: rotate(5deg);
	-webkit-box-shadow: 0px -1px 13px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -1px 13px 3px rgba(0,0,0,0.75);
	box-shadow: 0px -1px 13px 3px rgba(0,0,0,0.75);
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #555;
 }
.lift { margin-top: -160px; margin-right: -50px; }
 
.thumbnail { border:0; background-color:#fff; padding:0; border-radius:0; }
.posted-on .glyphicon-calendar, .comments-link .glyphicon-comment { display:none; }
.entry-meta { color: #999; }

.custom-header-image { max-width:1300px; width: 100% !important; }
#home-branding { margin: 0 auto; max-width: 1140px; position:relative; }
#home-branding .navbar-brand {
    font-family: "minion-pro", serif;
    font-size: 48pt;
    padding-top: 42px;
    padding-bottom: 18px;
    text-transform: none;
    font-style: italic;
    color: #fff !important;
    font-weight: 600;
}
textarea#comment { border: 0; outline: 1px solid #ccc; }
.featured-image { position:relative; height:180px; }
.attachment-side.size-side.wp-post-image {
    position: absolute;
    top: -300px;
    
}
/* KS Adaptations */
.page-thumb img { border: 1px solid #e5e5e5; }
.entry-content ul, #leader-left ul, #mid-sidebar ul { padding-left: 22px; }
.entry-content ul, .entry-content li, #mid-sidebar li { font-family: "minion-pro", serif; list-style:url('images/bullet-red.jpg'); }
#leader-left ul, #leader-left li { list-style:url('images/bullet-aqa.jpg'); }
#mid-sidebar li { font-size:15pt; }
.ad-img img { max-width: 220px; }
.additionals { text-align:left; }
.additional { padding: 15px 15px 15px 0; }
.ad-img { padding: 0 0 15px 0; display:block; }
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 22px;
    margin-bottom: 15px;
}
hr	{ clear:both;}
/* editor styles */
body#tinymce[class*="wysiwyg-acf-field-leader_section"] { background-color:#dfebec; }
body#tinymce[class*="wysiwyg-acf-field-leader_section"] p { font-family: Futura, Arial, sans-serif; font-size:16pt; }

.content-header h3, .content-header h3 p { font-family: "minion-pro", serif; font-size: 28pt; color:#336a7c; font-style:italic; font-weight:700; }.content-header h3 { font-family: "minion-pro", serif; font-size: 28pt; color:#336a7c; font-style:italic; font-weight:700; }
#clients-partners { padding:0 15px; border-top:1px solid #e4e4e4; min-height:200px; width:100%; margin:0 auto; max-width:1170px; }
#bitsnbobs { max-width: 1170px; min-height:200px; width:100%; margin:30px auto 30px auto; border-top:1px solid #e4e4e4; }
#bitsnbobs h2	{ margin-top:40px;}

.futr, .tribe-events-list-widget p, .widget { font-family: "futura-pt", sans-serif; font-size:16pt; }
.tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a	{ font-size:20px;}
#leader-shim { max-width:1170px; margin:0 auto; }
#leader-left p { font-family: "futura-pt", sans-serif; font-size:16pt; }
.leader { background:#dfebec; width:100%; padding:35px 0 45px 0; }

.bits { min-height: 200px; }
#client-list { padding:0; }
#client-list li { list-style:none; display:inline; float:left; }

#eventbits, #podcasts { list-style:none; margin:0; padding:0; }
.topright-img {
    float: right;
    margin-bottom: -25%;
    margin-top: 2.6%;
    padding:0;
    /* width:auto; */
    position:relative;
}
.topright-img img {
    max-width: 350px;
    width: 100%;
    padding: 0px 0px 0px 20px;
}
.landing-side {
    position: absolute;
    margin-top: 10px;
    width:100%;
    padding-left: 20px;
	margin-bottom:30px;
}
.landing-side h4 {

}
#ad-info {
    padding-top: 20px;
}
#child-list { list-style: none; padding:0; }
#child-list li { list-style: none; }
#child-list li a { font-size: 16pt; }
#child-list .current_page_item a { color:#e45649; }

#in-section {
    padding: 20px 0 40px 0;
    
}
#in-section #child-list { margin-top:22px; }

.page-thumb { min-height:380px; position:relative; }
.thumbover { position:absolute; display:none; background:rgba(255,255,255,0.85); width:100%; height:100%; top:0; left:0; }
.thumbover-txt { display: table-cell; vertical-align: middle; }
.thumbover h4 { padding:48% 20% 0 25px; font-size:24px; }
.page-thumb-box { height: 380px;  width:100%; display: table; }
.centre { display: table-cell; vertical-align: middle; }
.feat-padding { padding-top: 250px; }

.headings { margin:0 auto; }
.headingswrap { float:left; padding-left: 0; margin-bottom: 30px; }
/*.content-header h1, .content-header h3 { max-width: 640px; } */
.widget_twitter, .widget_twitter ul { list-style:none; margin:0; padding-left: 0; }
.widget_twitter ul li { margin:0 0 20px 0; }
.twitterwidget-title { text-transform:uppercase; }
.from-meta { display:none; }
.subscribe { width:180px; border-radius: 5px; border: 1px solid #dedede; padding: 2px; }
.widget { list-style:none; }
.widgettitle, .widget-title {
    text-transform: uppercase;
	font-size:1.5em;
}
.widget_search { margin-top:40px; }
.tribe-list-widget { padding-left:0; }
#testemonial-block { background: #336a7c; width: 100%; }
#testimonials { max-width:1170px; margin: 0 auto;  min-height:270px; }
.tmblock { width:100%; padding:30px 0px 10px 15px; }
.tmblock p { font-family: "minion-pro",serif; font-style: italic; font-weight: 100; color: #fff; font-size:32px; text-align: left; line-height: 1.5; }
.tmblock h1, .tmblock h2, .tmblock h3 { color: #fff; text-transform:uppercase; }
.qting { float: right; }
#leader-left { padding-right:45px; }
/* Footer */
.sidebar-footer a:not(.btn), .footer-nav-menu a:not(.btn) {
    color: #fff;
}
.sidebar-footer a:hover:not(.btn),.sidebar-footer a:focus:not(.btn),.footer-nav-menu a:hover:not(.btn), .footer-nav-menu a:focus:not(.btn) { color: #e45649; }
.widgety-wrap { margin:0; padding:0; list-style:none; }
#site-credits a	{ color:#fff; }
#site-credits a:hover { color:#e45649; }

/* inner sub header/mast */

#headspace { width:100%; min-height:100px; border-bottom:1px solid #333; position:relative; float:left; }

.site-branding-text.inner { max-width:1170px; margin:0 auto; }
.inner .site-title, .inner .site-description { position:static; }
.inner .site-title { width:300px; float:left; margin: 20px 0 0 0; }
.inner .site-title a { font-family:"minion-pro", serif; color:#333; font-style: italic; font-weight:700; }
.inner .site-title a:hover { color:#e45649; }
.inner .site-description { text-transform:uppercase; font-size:14pt; max-width:480px; float:left; margin: 40px 0 0 0; }

/* share btns */
div.sharedaddy h3.sd-title::before {
    border-top: 0 !important;
    margin-bottom:0 !important;
}
h3.sd-title {
    margin: 0 !important;
    line-height: 1.2;
    font-size: 24px !important;
    font-weight: Normal !important;
    text-transform:uppercase;
    color:#336a7c;
}
.sd-content { height: 65px !important; }

/* soundcloud */
.entry-content iframe[src*="soundcloud"] { height:100px; max-width:700px; }

.ks-socials { float:right; padding:28px 15px; }

.ks-socials.homepage { float:right; padding:10px 0; }
.ks-socials.homepage a { background:transparent !important; }
.ks-socials.homepage a:after { color:#fff; }

.tw-link:after { font-family: "ks-socials"; content: "\e800"; color:#333; font-size:22pt; padding:0 10px; }
.fb-link:after { font-family: "ks-socials"; content: "\e801"; color:#333; font-size:22pt; padding:0 10px; }
.pt-link:after { font-family: "ks-socials"; content: "\e802"; color:#333; font-size:22pt; padding:0 10px; }
.ig-link:after { font-family: "ks-socials"; content: "\e803"; color:#333; font-size:22pt; padding:0 10px; }
.ks-socials.homepage a:hover:after, .tw-link:hover:after, .fb-link:hover:after, .pt-link:hover:after, .ig-link:hover:after { color:#e45649; }

.breadcrumb-trail.breadcrumbs {
    max-width: 1170px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
.trail-items li::after {
    content: "\002F";
    padding: 0 0.3em !important;
}

.jaunty {  margin-top: -30%; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, span.page-numbers.current {
    background-color: #336a7c;
    border-color: #336a7c;
}

.pagination > li > a, .pagination > li > span	{
	color: #336a7c;
}

/* media queries */
@media screen and (max-width:1200px) {
#tmblock p { font-size: 22px; }
.qting { font-size:24px; margin:0 0 10px 0; }
.navbar-default .container { width: auto; }
#leader-shim { max-width: 960px; }
#title-head { max-width:970px; }
}

@media screen and (max-width:1180px) {
#tmblock { padding:30px 15px 10px 15px; }
#tmblock p { font-size: 26px; }
.qting { font-size:28px; }
#tmblock br { display:none; }
#home-branding { padding-left:15px; }

}

@media screen and (max-width:992px) {
.jaunty { display:none; }
#leader-shim { max-width: 750px; }
#title-head { max-width:750px; }
}

@media screen and (max-width:990px) {
.topright-img { float: none; margin-bottom: auto; margin-top: auto; padding: 0; width: auto; position: static; }
.topright-img img { margin-right:10px; max-width: 150px; float: left; }
.landing-side { position: static; float:left; padding-left: 0px; }
.ks-socials.homepage { float: left; }
.menu-global-menu-container { padding-right: 30px; float: left; }

}

@media screen and (max-width:760px) {

#tmblock p { font-size: 24px; }
.qting { font-size:26px; }
blockquote { padding:1em 1em; }
blockquote p { font-size:18pt; }
}

@media screen and (max-width:660px) {
#tmblock p { font-size: 22px; }
.qting { font-size:24px; margin:0 0 10px 0; }
}

@media screen and (max-width:520px) {
#tmblock p { font-size: 20px; }
.qting { font-size:22px; margin:0 0 10px 0; }
}

@media screen and (max-width:480px) {
#home-branding .navbar-brand { font-size:46px; }
.blog-description { font-size:14pt !important; }
.hometzrcontent { width:100%; padding:15px 0; }
.alignright { float:none; margin-left:0; }
.alignright .wp-caption-text { text-align:left; }
#leader-left { padding-right:15px; }
.content-header h3 { font-size:24pt; }
.topright-img h4 a { font-size:16px; }
}

@media screen and (max-width:400px) {
#tmblock p { font-size: 18px; }
.qting { font-size:20px; margin:0 0 10px 0; }
.blog .post-thumbnail	{ float:none; margin-right:0px;max-width:100%;}
}

@media screen and (max-width:360px) {
#tmblock p { font-size: 16px; }
.qting { font-size:18px; margin:0 0 10px 0; }
blockquote { padding:0.5em 0.5em; }
}