/*
Theme Name: iPosi
Author: Sidewalk Cafe Design
Template: jumpstart
*/

/* Colors */
/* 
	Blue: #4996AC 
	Red: #a7170c
*/


body {
	background:#ffffff;
}

@media (max-width: 1199px) {
	.header-top > .wrap,
	.header-above > .wrap,
	.header-content > .wrap,
	.header-nav > .wrap,
	.tb-floating-search > .wrap,
	.tb-sticky-menu > .wrap,
	.tb-featured-banner > .wrap,
	.site-breadcrumbs > .wrap,
	.site-inner > .wrap,
	.element-section > .element,
	.site-footer > .wrap {
		max-width: none;
        padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 991px) {
	.header-top > .wrap,
	.header-above > .wrap,
	.header-content > .wrap,
	.header-nav > .wrap,
	.tb-floating-search > .wrap,
	.tb-featured-banner > .wrap,
	.site-breadcrumbs > .wrap,
	.site-inner > .wrap,
	.element-section > .element,
	.site-footer > .wrap {
		max-width: none;
        padding-left: 15px;
		padding-right: 15px;	}
}
@media (max-width: 767px) {
	.header-above > .wrap,
	.header-content > .wrap,
	.header-nav > .wrap,
	.tb-featured-banner > .wrap,
	.site-breadcrumbs > .wrap,
	.site-inner > .wrap,
	.element-section > .element,
	.site-footer > .wrap {
		max-width: none;
        padding-left: 15px;
		padding-right: 15px;	}
}

/********** General **************/

.site-header.transparent {
	background-color: transparent;
}

.site-header.transparent>.wrap {
	border:none;
}

.element-section {
	padding:40px 30px;
}

/* This was -20px */
@media (max-width:767px){
	.element-section>.element.popout {
		margin-left:-30px;
		margin-right:-30px;
	}	
}

.site-inner {
	background:#fff;
}

h1, h2, h3, h4, h5 {
	line-height: 1.5;
}


/**********Menu - change colors as needed **************/

/* Transparent Menu */

/* Menu item color for transparent and non-transparent page */
.site-header.transparent .header-nav .tb-primary-menu>li>.menu-btn, .site-header .header-nav .tb-primary-menu>li>.menu-btn {
	color:#000;
	text-transform: uppercase;
}

.site-header.transparent .header-nav .tb-primary-menu > li > .menu-btn:hover {
	color:#4996AC;
}

/* Background for current menu item, current menu item that has children and current menu item that is part of sub menu */
.site-header .current-menu-ancestor, .site-header .header-nav .tb-primary-menu>li.current-menu-item>.menu-btn {
	background-color:#4996AC;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
}

/* Line under nav item when hover or current */
.site-header.transparent .header-nav .tb-primary-menu>li>.menu-btn:before,
.site-header .header-nav .tb-primary-menu>li>.menu-btn:before {
	background-color:#4996AC;
}

/* Regular Non-Transparent Menu */

/* No background on sub menu items */
.tb-primary-menu ul.sub-menu .current-menu-item {
	background:none;
}

/* Color for current menu item and current menu item that has children */
.header-nav .tb-primary-menu > li.current-menu-item > .menu-btn, .header-nav .tb-primary-menu > li.current-menu-ancestor > .menu-btn {
	color:#fff;
}

/* Hover text color for main menu items */
.header-nav .tb-primary-menu > li > .menu-btn:hover {
/* 	color:#d7beb5; */
}

/* Color of text for current menu items and current on hover that are part of sub menu */
.tb-primary-menu ul.sub-menu .current-menu-item .menu-btn, .tb-primary-menu ul.sub-menu .current-menu-item .menu-btn:hover {
	color:#000;
}

/* Font size sub menu */
.tb-primary-menu ul.sub-menu .menu-btn {
	font-size: 15px;
}

/* Color of text and background for sub menu items on hover */
.tb-primary-menu ul.sub-menu a:hover {
	background-color:#7c6249;
	color:#d7beb5;
}


/* Sticky header */
.tb-sticky-header {
	background-color: rgba(255,255,255,1)
}

.tb-sticky-header .tb-primary-menu>li>.menu-btn {
	font-size:15px;
}

.tb-sticky-header .tb-primary-menu>li>.menu-btn:hover {
		color:#fff;
		background-color: #4996AC;
}

.tb-mobile-menu-wrapper .tb-side-menu .sub-menu li {
	background-image:none;
	font-size: 14px;
	margin-bottom:15px;
}


/******** Home *********/

.top-text-over-photo h1 {
	margin-bottom:0;
}

.top-text-over-photo h3 {
	margin-top:0;
}

/* Needed extra padding so that chart can overlap bottom */
.traditional-networks-bkg .tb-content-block {
	padding-bottom:80px;
}

/* Quote under Traditional networks */
.tb-content-block.text-light h3.my-yellow {
	color:#fff56d; /* yellow */
}

.chart-mobile-data img {
	margin-top:-100px;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(125,125,125,0.30);
	-moz-box-shadow: 7px 7px 5px 0px rgba(125,125,125,0.30);
	box-shadow: 7px 7px 5px 0px rgba(125,125,125,0.30);
}

.chart-mobile-data .tb-content-block.has-bg {
	padding:10px 0; /* it was 30px */
}

/* Popout text for 2 sections. Margin top and bottom were -80px */
/*
.element-section>.element.three-box-heading.popout.first, 
.element-section>.element.service-provider-text.popout.first,
.element-section>.element.service-provider-text.popout.last
 {
	margin-top:0;
	max-width: 1200px;
}

.element-section>.element.service-provider-text.popout.last
 {
	margin-bottom:0;
}
*/

.element-section>.element.three-box-heading {
	margin-bottom:20px
}

.home .text-dark h2 {
	color:#58595b; /* dark gray text */
}

/*
The border provides gutters. This sets top border for all size browser windows. 
Setting right and left with media query, since only needed when images are stacked.
The bottom border on the last row is set in the backend, under Section.
*/

.box-first, .box-middle, .box-last {
	border-top:10px solid #d9dcdd;
}

.box-first h3 a, .box-middle h3 a, .box-last h3 a {
	color:#fff56d; /* yellow */
}

.box-first h3 a:hover, .box-middle h3 a:hover, .box-last h3 a:hover {
	color:#4996AC; /* blue */
}


/* The border provides the gutters. Even though the first and last box don't need two borders,
	without them the boxes are not the same width. */
@media (min-width:992px) {
	
	.box-first {
		border-right:10px solid #d9dcdd;
		border-left:10px solid #d9dcdd;
		
	}

	.box-middle {
		border-right:10px solid #d9dcdd;
		border-left:10px solid #d9dcdd;
	}

	.box-last {
		border-right:10px solid #d9dcdd;
		border-left:10px solid #d9dcdd;
	}
	
}

/*
Three boxes - to make the photo touch the edges of the column, removed right and left padding
from columns. Then added padding to content areas, in the options, so content has padding.
*/

.home .element-columns .col.has-bg {
	padding:15px 0;
}

.home .element-columns .element {
	margin-bottom:20px;
}

.box-content {
	padding:0 20px;
}

/*********** Blog *************/

/* Moves the posts up so the top is even with sidebar */

.list-template-wrap .list-wrap {
	padding-top:0;
}

.widget_recent_entries .widget-inner>ul>li {
	font-size:15px;
	padding:5px 0 10px;
	border-bottom:1px solid #ccc;
}

h1.entry-title {
	line-height: 1.3;
	font-size:2rem;
}

.fixed-sidebar .widget.standard {
	background:#f9f9f9;
}

/*********** Footer *************/

.site-footer>.wrap {
	padding-top:30px
}

.footer-content>.wrap>.row>.col {
	margin-bottom:0;
}

.site-footer .site-copyright {
	display:none;
}

#bottom .widget-title {
	font-size:14px;
}

/*********** Plugins **********/

/* Custom Post Type Extended */

h4.cptui-entry-title {
	font-size: 24px;
}