/*
Theme Name: Campaigns Enhance 2025
Theme URI: http://xtremelysocial.com/wordpress/flat/
Author: XtremelySocial
Author URI: http://xtremelysocial.com
Description: Campaigns Enhance 2025 by XtremelySocial is a modern, fully responsive, "flat" style theme with a nice color palette, big full-width images, and full-width colored sections. It automatically adapts for desktops, tablets, and phones. It is based on the WordPress standard starter theme (_S) and the Twitter Bootstrap CSS framework. Features include a mobile navigation bar, multiple columns (grid), buttons, icons, labels, badges, tabbed content areas, collapsible content areas, progress bars, alert boxes, carousels (sliders) and much, much more. This is a theme for both users and theme developers with lots of features but without the bloat. For a live demo go to http://xtremelysocial.com/wordpress/flat/. PLEASE NOTE: Version 1.9 has had a major "spring cleaning" of the functions, templates, and CSS. Please be sure to test it out on your site.
Version: 1.9
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Text Domain: campaigns-enhance-2025
Domain Path: /languages/
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

Campaigns Enhance 2025 WordPress theme, Copyright (C) 2014 XtremelySocial
Campaigns Enhance 2025 WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms and Buttons
# Navigation
	## Links
	## Menus
# Content
	## Header
	## Footer
	## Posts and pages
	## Comments
# Media
	## Captions and Galleries
# Widgets & Plugins
	## Widgets
	## Plugins

--------------------------------------------------------------*/

/*
 * Note that most styles are handled already in our custom bootstrap.css, theme-base.css,
 * and theme-flat.css files. 
 *
 * We have put comments next to some of the styles to show what our custom bootstrap.css
 * defaults to in case we (or anyone) wants to put these into custom bootstrap.css
 * instead. 
 */

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*
 * The cool thing about Lato and Raleway fonts is that they look great at light (300) and
 * regular (500) font weight. So we only use bold (700) sparingly.
 */
body {
	font-family: 'arial', 'Roboto Condensed', 'open sans', "Meiryo" , "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", "微軟正黑體";
    font-size: 15px;
    line-height: 1.6em;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    margin: 0;
    font-family: 'Roboto Condensed',  'arial', 'open sans', "Meiryo" , "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", "微軟正黑體"; 
    font-weight: bold;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    line-height: 1;
}

h1 {
    font-weight: 700;
    font-family: 'Roboto Condensed',  'arial', 'open sans', "Meiryo" , "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", "微軟正黑體"; 
	font-size: 2em;
    line-height:40px;
}

h2 {
	font-weight: 700;
    font-size: 1.3125em;
}

h3 {
	font-size: 1.125em;
    line-height: 1.1875em;
    font-weight: bold;
}
h4 {
    font-size: 0.9375em;
    line-height: 1.6em;
    font-weight: bold;
}

h5 {
    font-size: 0.875em;
    line-height: 1.4em;
    font-weight: bold;
}

h6 {
    font-size: 1em;
    font-weight: bold;
}

blockquote{
	font-size: 1em;
	border-left: 5px solid #000000;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* Increase font size on article "lead" (usually for an "intro" paragraph */
.lead {
	font-size: 22px; /*18px, but goes to 24px @768 browser width */
}

/* Style code tag like pre tag */
code {
    /*color: #2f2f2f;
    background-color: #f5f5f5; Moved to bootstrap.css*/
	border: 1px solid #ccc;    
}

/* Remove a bit of margin since Bootstrap h1-h3 tags already have 22px top margin */
 hr {
    margin: 16px 0; /*22px 0;*/
}

/*
 * Override margins on jumbotron in case someone uses it like a colored "section" from
 * this theme. Note: Moved here from theme-base.css.
 */
.jumbotron {
	margin-bottom: 0;
}

/* 
 * Set block quote footer (author) to larger font size. BS quote is 20px, but footer
 * is only 14px for some reason. 
 */
blockquote footer {
	font-size: 18px;
}

/* Color the collapsible panel hover color to match the link hover color */
.panel-title>a:hover, 
.panel-title>small:hover, 
.panel-title>.small:hover, 
.panel-title>small>a:hover, 
.panel-title>.small>a:hover {
	color: #19b798;
}

/*--------------------------------------------------------------
# Forms and Buttons
--------------------------------------------------------------*/

/* Tone down field labels on forms, comments section, etc. */
label {
	font-weight: 300;
}

/* Match the default font color */
.form-control {
	color: #555;
}

/* 
 * Generically set input buttons to look like Bootstrap, but set colors below that to make
 * it easier for users to override. Match Bootstrap btn-primary styles.
 */
button,
html input[type="button"],
input[type="submit"] {
    background-image: none;
	font-size: 16px;
	line-height: 22px;
	padding: 6px 12px;
    border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    outline: 0;
}
button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    outline: 0;
}

/* Set colors for input buttons (Search, Reply). Change these in your child theme. */
button,
html input[type="button"],
input[type="submit"] {
    color: #fff;
    background-color: #1abc9c;
    border-color: #1abc9c;
}
button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    color: #fff;
    background-color: #16a085;
    border-color: #16a085;
}

/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses 
 * "current" in a <span> tag on the link. Also set the hover to match the primary button
 * color. 
 */
.pagination>li>a, 
.pagination>li>span,
span.page-numbers.current {
	color: #16a085;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus,
.pagination>li>span:focus,
span.page-numbers.current {
	z-index: 2;
	color: #fff;
    background-color: #16a085;
    border-color: #16a085;
}

/* Force search field to not be rounded on iOS devices */
input.search-field {
	-webkit-appearance: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*
 * Generically style the links here. Set colors below to make it easier for users to 
 * override.
 */
a {
    word-wrap: break-word;

    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: 0;
}
a:before,
a:after,
a:hover i:before,
a:focus i:before {
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/* Since we lightened the body font, make the site title regular font weight */
.navbar-brand {
	font-weight: 500;
	/*height: 50px; BS already 50px*/ /* Fixes layout if nav bar wraps before collapsing for mobile */
}

/* 
 * Line up the navbar with the header and page content (it's in a container, but not a
 * row) 
 */
div.navbar-collapse.collapse {
	margin-left: -15px;
	margin-right: -15px;
}

/* Since we lightened the body font, increase font weight on active tab */
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
	color: inherit;
	font-weight: 500;	
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.widget .container {
    padding-top: 15px;
    padding-bottom: 15px;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

/* Set content (page title) header to midnight blue */
.content-header {
}
.content-header h1, 
.content-header h2, 
.content-header h3 {
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

/* Set our footer to "almost" black */
.sidebar-footer {
}

.sidebar-footer h1, 
.sidebar-footer h2, 
.sidebar-footer h3 {
}

/* Set our "after footer" (footer nav menu and site credits) to "not quite" black */
.after-footer {
}

/* Set link colors to off white and text to gray for footer and after footer */
.sidebar-footer,
/*.after-footer {*/
.footer-nav-menu {
}
.sidebar-footer a:not(.btn),
.footer-nav-menu a:not(.btn) {
}
.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) {
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

/* Reduce the size of post entry meta (date, author) */
.entry-meta {
	font-size: 16px;
}

/* Color "sticky" (featured) posts */
.sticky .entry-title:after {
	background-color: #1abc9c;
	color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

/* Reduce the size of comment edit link */
.comment-edit-link {
	font-size: 16px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Captions and Galleries
--------------------------------------------------------------*/

/* Color and style the Bootstrap carousel captions */
.carousel-caption,
.carousel-caption h4,
.carousel-caption p {
	font-weight: bold;
}
.carousel-caption {
	text-shadow: none;
	background-color: #16a085;
	color: #fff;
	opacity: .75;
	font-weight: bold;
}
.carousel-caption a {
	color: #fff;
	text-decoration: underline;
}
.carousel-caption a:hover,
.carousel-caption a:focus {
    color: #bdc3c7; /*silver*/
}

/*--------------------------------------------------------------
# Widgets and Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/

/* Get Jetpack Popular Posts Widget to look like other thumbnail posts */
.widgets-list-layout-links {
	float: left !important;
	margin-left: 15px !important;
	/*margin-left: 1.625em !important;*/
}

/*--------------------------------------------------------------
## Plugins
--------------------------------------------------------------*/

/* Format Jetpack contact form with Bootstrap's form-control tag. */
form.contact-form input[type='text'], 
form.contact-form input[type='email'], 
form.contact-form textarea {
    display: block;
    width: 98%;
    height: 36px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #a1a1a1;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
form.contact-form input[type='text']:focus, 
form.contact-form input[type='email']:focus, 
form.contact-form textarea:focus {
    color: #555;
}

.wpb_text_column .wpb_wrapper p br {
    display: block;
    position: relative;
    margin: 0 0 11px !important;
    width: 100%;
    float: none;
    content: "";
}

/*--------------------------------------------------------------
## Generic Fixes
--------------------------------------------------------------*/
body.single #main > div.row{
	height: auto !important;
}