/*
 Theme Name:   Jekas Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Jekas Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     jekas
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         pippin
 Text Domain:  jekas-child
*/





/* IMPORT FONTS */

/* Montserrat font */
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
/* use this font on these elements */
.header-font, .custom-button-group div, header a, .jekas-child-dropdown-menu a {
	font-family:'Montserrat', sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}





/* MAIN */

* {
	/* Adjust the default font size */
	font-size:18px;
}
 

/* HEADER / FOOTER */

/* This is a blank space. Not sure why it was there */
/* UPDATE: Turns out it's supposed to be where the copyright notice is! But it doesn't show up */
footer.coopring {
    display:none;
}

/*
	White background color on these elements
	
	header.jekas-child-header:
		- This is the navbar. It needs a white background
	
	.jekas-child-dropdown-menu:
		- This is the class for all dropdown menus; CSS- and JavaScript-driven
		- It needs a white background because it doesn't inherit the background from the header
		- Even if it did, JavaScript menus aren't children of the header
*/
header.jekas-child-header, .jekas-child-dropdown-menu, header .link-list-container {
	background:#FFF;
}

/*
	Fix the header at the very top
	Give it a high z-index so it will be on top of all other elements
	Give it 100% width so it fits the whole screen
*/
header.jekas-child-header {
	position:fixed;
	left:0;
	top:0;
	
    z-index:100;
    width:100%;
}

/*
	The banner image should be no larger than 50% of the header
*/
header.jekas-child-header img#banner {
	max-width:50%;
}

/**/
/*
	CSS OF THE NAV LINKS FOR ALL PAGE SIZES
*/
/**/

/*
	If you're hovering over a nav-link, give it a blue color
	Also, don't display the underline, which is a text-decoration
*/
header .nav-link a:hover {
	text-decoration:none;
	color:#16b9dc;
}

/*
	These kinds of links should have this much padding, as well as this color
	
	#banner-link; the <a> tag that the banner image is wrapped with
	.parent-link; the parent nav links
	#mobile-button; the element that displays the mobile hamburger menu
*/
header a#banner-link, header .nav-link a.parent-link, header #mobile-button {
	padding:2em;
	
	padding-right:1em;
	padding-left:1em;
	
	color:#43402f;
}

/*
	The #mobile-button should be moved down slightly
	I'm not sure why but it's off
*/
header #mobile-button {
	position:relative;
	top:0.5em;
}

.mobile-child-link {
	font-size:0.75em;
}

.jekas-child-dropdown-menu a:hover {
	text-decoration:none;
}

.jekas-child-dropdown-menu.css-menu {
	position:fixed;
	display:none;
}

.jekas-child-dropdown-menu.css-menu a {
	padding:1em;
	display:block;
}

.jekas-child-dropdown-menu a, header .nav-link .jekas-child-dropdown-menu a,
.jekas-child-dropdown-menu a:visited, header .nav-link .jekas-child-dropdown-menu a:visited,
header .nav-link a.parent-link:hover {
	color:#16b9dc;
}

.jekas-child-dropdown-menu a:hover, header .nav-link .jekas-child-dropdown-menu a:hover {
	background-color:#16b9dc;
	
}

.jekas-child-dropdown-menu.js-only-menu {
	position:fixed;
	display:none;
}

.jekas-child-dropdown-menu.js-only-menu a {
	padding:1em;
	display:block;
}

/* I don't want that shadow coming down so I hide the whole thing */
.nav_logo {
    display:none;
}

p.small {
	max-width:100%;
	width:625px;
	
	margin:auto;
}

#faux-header {
	display:none;
}

p.bigger {
	font-size:1.5em;
}

p.sorta-big {
	font-size:1.1em;
}

p.smaller {
	font-size:0.8em;
}

.blue-color {
	color:#16b9dc;
}

.bg-glyphicon {
	border-radius:0.5em;
	
	background-color:#16b9dc;
	color:#FFF;
	
	display:inline-block;
	padding:0.5em;
	
	margin:auto;
}

.bg-glyphicon span.glyphicon {
	font-size:3em;
}

h1 a {
	color:inherit;
}

h1 a:hover {
	color:#16b9dc;
}

footer {
	border-top:2em solid #16b9dc;
	padding-left:0 !important;
	padding-right:0 !important;
}

.footer_top {
	padding-top:2em !important;
}

.footer_top:before {
	border-top-color:#16b9dc !important;
}

.footer_top hr {
	border-color:#333;
	margin-bottom:0;
}

.footer_bottom_pippin {
	background-color:#000;
	text-transform:uppercase;
	color:#555;
	padding:2em 0 2em 0;
}

.footer-bottom-pippin * {
	font-size:14px !important;
}

.footer_bottom_pippin a, .footer_bottom_pippin a:visited {
	color:#16b9dc !important;
}

a.footer-nav-link, a.footer-nav-link:visited {
	display:inline-block;
	padding:0.5em;
	padding-top:0.75em;
	color:#555 !important;
}

a.footer-nav-link:hover {
	text-decoration:none;
	color:#EEE !important;
}

footer {
	background-color:#1A1A1A !important;
	padding-bottom:0 !important;
}










/* CLASSES */

.custom-button-group {
	display:inline-block;
	white-space:nowrap;
	margin:1em;
}

.custom-button-group div {
    background-color:#333;
    display:inline-block;
	padding:2em;
    color:#FFF;
	font-size:14px;
	
	padding-bottom:1em;
	padding-top:1em;
	
	margin-right:0.1em;
}

.custom-button-group div:first-of-type {
	border-bottom-left-radius:2em;
	border-top-left-radius:2em;
}

.custom-button-group div:last-of-type {
	border-bottom-right-radius:2em;
	border-top-right-radius:2em;
	
	margin-right:0;
}

.large-glyphicon {
	font-size:5em !important;
}

.large-almost-glyphicon {
	font-size:4em !important;
}

.large-ish-glyphicon {
	font-size:2.5em !important;
}

#dropdown_mobile {
	overflow-y:auto;
}

.half-of-container {
	color:#FFF;
}

.float-right {
	float:right;
}


.float-left {
	float:left;
	text-align:left;
}

.large-font-size {
	font-size:6em;
}

.large-font-size i {
	background-color:#FFF;
	padding:0.5em;
}

.center {
	text-align:center;
}

h1 {
	/*font-size:38px !important;*/
	font-weight:normal !important;
}

.custom-button-group.white-solid div {
	background-color:#FFF !important;
	border:2px solid transparent !important;
	color:#16b9dc !important;
}

.custom-button-group.white-outline div {
	border:2px solid #FFF !important;
	background-color:transparent !important;
	color:#FFF !important;
}

.custom-button-group.white-solid:hover div {
	border-color:#FFF !important;
	background-color:transparent !important;
	color:#FFF !important;
}

.custom-button-group.white-outline:hover div {
	border-color:transparent !important;
	background-color:#FFF !important;
	color:#16b9dc !important;
}










/* HOME PAGE */

.solution {
	text-align:center;
	margin-bottom:2em;
}

.solution p.small {
	max-width:175px;
}

.solution .glyphicon {
	padding:0.75em;
	font-size:2.5em;
	
	display:inline-block;
	
	border:1px solid #16b9dc;;
	border-radius:50%;
}

.solution .glyphicon {
	padding:0.5em;
}

.custom-bg-blue, .custom-button-group .custom-bg-blue {
	background-color:#16b9dc;
}

.custom-bg-green, .custom-button-group .custom-bg-green {
	background-color:#57b99d;
}

.custom-bg-blue-outline, .custom-button-group .custom-bg-blue-outline {
	background-color:transparent;
	border:1px solid #16b9dc;
}

.custom-bg-blue a, a div.custom-bg-blue {
	text-decoration:none;
	color:#FFF !important;
}

/* HOVERS */

a.custom-button-group:hover div {
	background-color:#535353;
}

.custom-bg-blue a:hover, a:hover div.custom-bg-blue {
	background-color:#0497ba;
}

a:hover div.custom-bg-blue-outline {
	background-color:#19b9dc;
}

a:hover div.custom-bg-green {
	background-color:#35977b;
}

.flexslider .slides img {
	width:auto !important;
	margin:auto !important;	
}

.flexslider {
	box-shadow:none !important;
}










/* RESPONSIVE */
/* We're working with col-md, so 992 is the threshhold */

/* small */
@media (max-width:991px) {
	header .link-main-container .link-list-container {
		position:fixed;
		display:none;
		right:0;
		
		text-align:left;
	}
	
	header .link-main-container:hover .link-list-container {
		display:block;
	}
	
	header .link-main-container .link-list-container a {
		padding:0.25em;
		padding-left:0.5em;
		
		display:block;
	}
	
	header .link-list-container .jekas-child-dropdown-menu a {
		font-size:0.75em;
		padding-left:2em;
		
		margin-top:-0.5em;
	}
	
	.jekas-child-dropdown-menu.css-menu {
		display:none;
	}
	
	header .link-main-container .link-list-container noscript a {
		color:#16b9dc;
	}
	
	.dropdown-container .jekas-child-dropdown-menu.css-menu {
		position:relative;
		display:block;
	}
}

/* big */
@media (min-width:992px) {
	#mobile-button {
		display:none;
	}
	
	header .nav-link, header .nav-link a.parent-link {
		display:inline-block;
	}

	.dropdown-container:hover .jekas-child-dropdown-menu.css-menu {
		display:block;
	}
	
	header .nav-link noscript a.parent-link {
		display:none;
	}
	
	.half-of-container {
		text-align:right;
		margin-left:auto;
	}
}

/* small height */
@media (max-height:250px){
	.hide-when-tiny-height {
		display:none;
	}
}

@media(max-width:767px){
	.wpb_revslider_element, .rev_slider_wrapper { display:none !important; }
}




















@media (max-width:991px) {
    .five-column-monstrocity strong {
        font-size:2rem !important;
    }
}

.five-column-monstrocity {
    text-align:center;
}

.five-column-monstrocity a {
	text-decoration:none !important;
}

.five-column-monstrocity div {
    float:none;
    display:inline-block;
    margin:0.25em;
}









/* LAST MINUTE HEADER CHANGE */

footer a[href="tel:+18778018400"] {
	color:#16B9DC;
}

i.vc_toggle_icon,
i.vc_toggle_icon::before,
i.vc_toggle_icon::after
{
	background-color:#FFF !important;
	border-color:#FFF !important;
}

#pippin-menu {
	position:fixed;
	top:0;
	float:right;
}

header,
#pippin-menu,
#pippin-menu div
{
	background-color:#F5F5F5;
}

#pippin-menu a {
	color:#000 !important;
	display:inline-block;
	font-weight:bold;
	padding:2em 1.5em 2em 1.5em;
	text-decoration:none;
	color:#333 !important;
	white-space:nowrap;
        font-size:16px;
}

#pippin-menu a:hover {
	color:#16b9dc !important;
}
#pippin-menu a:last-child {
    color:#16b9dc;
    
}
#pippin-menu a:last-child span {
    border:1px solid #16b9dc;
    padding:10px;
    font-size:16px;
    color:#16b9dc;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    
}
#pippin-menu a:last-child span:hover{
    background-color: #ffffff;
    
}

#pippin-menu div div {
	display:none;
}

#pippin-menu div div a {
	color:#16b9dc !important;
	padding:1em;
	display:block;
}

#pippin-menu div div a:hover {
	background-color:#16b9dc;
	color:#FFF !important;
}

#pippin-top-bar{
    height:50px;
    background-color:#16b9dc;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

#pippin-top-bar #menu-top-bar{
    text-align: center;
    list-style-type: none;
    margin-right: 5px;
    
}

#pippin-top-bar .menu-top-bar-container{
    width:1180px;
    margin:0 auto;
}
#pippin-top-bar #menu-top-bar li {
    float:right;
    width:200px;
    text-align: center;
}
#pippin-top-bar #menu-top-bar li a {
    color:#ffffff;
    font-size: 14px;
    display:inline-block;
    padding:0px 15px 0px 15px;
    text-decoration: none;
}

#pippin-top-bar #menu-top-bar li:hover {    
    display:block;
}
#pippin-top-bar #menu-top-bar li a:hover {
    text-decoration: none;
    color:#333;
    border:1px solid #fff;
    background-color:#ffffff82;
}


#pippin-top-bar #menu-top-bar ul {
    list-style-type: none;
    margin-top:0px;
}
#pippin-top-bar #menu-top-bar ul.sub-menu li{ 
    display: none;
    position: relative;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding:2px 15px 5px 15px;
  z-index: 1999;
  color:#333;
  float:none;
  text-align: left;
  left:-35px;
}

#pippin-top-bar #menu-top-bar ul.sub-menu li a {
    color:#333;
}
#pippin-top-bar #menu-top-bar ul.sub-menu li a:hover{
    background-color: #f9f9f9;
    color:#16b9dc;
    border:1px solid #f9f9f9;
}

header img {
	height:75px;
}


#mobile-button {
	background-color:#F5F5F5;
	font-size:1.5em;
	left:unset;
	padding:0.5em !important;
	position:fixed !important;
	right:0;
	top:0 !important;
}

@media (max-width:991px){
	.page-id-568 .sorta-big,
	.page-id-449 .sorta-big,
	.page-id-501 .sorta-big,
	.page-id-528 .sorta-big,
	.page-id-483 .sorta-big,
	.page-id-741 .sorta-big,
	
	.page-id-568 .row .wpb_content_element,
	.page-id-449 .row .wpb_content_element,
	.page-id-501 .row .wpb_content_element,
	.page-id-528 .row .wpb_content_element,
	.page-id-483 .row .wpb_content_element,
	.page-id-741 .row .wpb_content_element
	{
		text-align:center;
	}
	
	header {
		position:fixed !important;
		top:0;
		width:100%;
		z-index:1000;
	}
	
	#pippin-menu {
		display:block;
		height:100%;
		position:fixed;
		left:100%;
		top:0 !important;
		width:100%;
		z-index:9999 !important;
	}
	
	#pippin-menu div div {
		display:block;
	}
	
	#pippin-menu a {
		display:block;
		padding:0.5em !important;
	}
	
	#pippin-menu a .glyphicon {
		display:none;
	}
	
	.center-when-small {
		text-align:center !important;
	}
        
        #pippin-top-bar {
            top:65px;
        }
        #pippin-top-bar #menu-top-bar {
            margin-right: 3px;
        }
        #pippin-top-bar #menu-top-bar li{
            width:110px;
            float:left;
        }
        #pippin-top-bar #menu-top-bar li a{
            font-size: 11px;
            padding:0px 0px 0px 0px;
        }
        #pippin-top-bar #menu-top-bar li a:hover{
            border:none;
            background-color:#16b9dc;
        }
}

@media (min-width:992px){
	#mobile-button {
		display:none;
	}
}

@media (max-width:1024px){
    #pippin-top-bar .menu-top-bar-container{
        width:980px;
    }
}

/* == 2018 MAY 22 == */

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span
{
	font-size:inherit;
}

.white-text {
	color:#FFF;
}