/*
 * Theme Name: Premium Theme
 * Theme URI: https://www.packerlandwebsites.com
 * Author: Mike McGraw
 * Version: 3.1.7
 * Description: Wordpress theme for "Premium Theme" by Packerland Websites.
 * Template: sparkling
 */


/* ----- Base ----- */
html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    -webkit-font-smoothing: antialiased;
	
	color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #284963;
}

.home h1 {
color: #fff !important;
}

p:empty {
    display: none;
}

/* ----- STYLE FORMS ----- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    border-radius: 0;
}
.input-group {
    display: table;
}
.input-group input {
    width: 100%;
}
.input-group-addon,
.wpcf7-form-control-wrap {
    display: table-cell;
}
.btn {
    font-size: 18px;
}

.btn.btn-default.active,
.btn.btn-default.focus,
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #1f5826;
    font-weight: bold;
    text-shadow: 2px 2px #000;
}
.practice-btn .btn.btn-default {
    margin: 0 0 15px 0;
    color: #fff;
    background-color: #428c7b;
    font-weight: bold;
    text-align: left;
    text-shadow: 2px 2px #000;
}
.practice-btn .btn.btn-default.active,
.practice-btn .btn.btn-default.focus,
.practice-btn .btn.btn-default:active,
.practice-btn .btn.btn-default:focus,
.practice-btn .btn.btn-default:hover,
.practice-btn .open > .dropdown-toggle.btn-default {
    color: #428c7b;
    background-color: transparent;
    text-shadow: none;
}

/* ----- Buttons ---- */

.btn-info {
    color: #fff;
    background-color: #428c7b;
    border-color: #428c7b;
}

.btn-info:hover {
	background-color: #8bc2af;
	border-color: #8bc2af;
	color: #428c7b;
}

/* ----- Phone Number ---- */
.header-info {
    background-color: #2f536f;
    padding: 10px 0;
}

.header-phone{
    text-align: right;
}

.header-phone a{
    color: #ffffff;
}

@media only screen and (max-width: 768px) {
    .header-phone {
        text-align: left;
    }
}

/* ----- Page Headers ----- */
.page-header {
    margin-bottom: 35px;
    padding-bottom: 15px;
}

header.page-header {
	 border-bottom:1px solid #000;
}

.entry-title {
    margin: 25px auto 15px;
}


.entry-title a:hover {
}

.entry-content {
  margin: 30px 0 50px;
}

.home .entry-content{
	margin: 0;
}
/* ----- Logo ----- */
#logo img {
    max-width: 400px;
    width: 100%;
    margin-top: 15px;
}

.navbar > .container .navbar-brand {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    margin: 10px 0;
}

/* ----- Navigation ----- */
.navbar.navbar-default {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 25px;

}

.navbar {
    border-radius: 0;
}

.nav.navbar-nav {
    float: right;
    padding-top: 30px;
}

.navbar-nav > li {
    margin: 10px;
    padding: 10px;
}

.navbar-nav > li:hover {
    background-color: white;
}

.navbar-default .navbar-nav > li.active {
    background-color: white;
}

.navbar-default .navbar-nav > li > a {
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > .caret,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li:hover > a,
.dropdown-menu > li:hover > .caret {
    background-color: transparent;
}

.dropdown-menu {
    font-size: 15px;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a {
}

.dropdown-menu > li > a {
    padding: 0;
}

.dropdown-menu > li {
    padding: 10px 15px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > .caret {
    background-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

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

}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
display: inline-block;
background-color: transparent;
color: #777 !important;
}
}

/* ----- Slider ----- */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * Modified by @ASilkalns
 */

/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
    font-family: 'flexslider-icon';
    src: url('../fonts/flexslider-icon.eot');
    src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
    line-height: 80px;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 50px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
    left: 50px;
    width: 66px;
}

.flex-direction-nav .flex-next {
    right: 50px;
    text-align: right;
}

.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 0px;
    text-align: center;
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 0px;
    text-align: center;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 40px;
    /* content: "\f060"; */
    content: "";
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
    /* content: "\f061"; */
    content: "";
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    /* content: "\f060"; */
    content: "";
}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 25px;
    height: 8px;
    display: block;
    background: #DA4453;
    background: rgba(59, 59, 59, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
    background: #DA4453;
    background: rgba(59, 59, 59, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #DA4453;
    background: rgba(59, 59, 59, 0.9);
    cursor: default;
}

@media (max-width: 767px) {
    .flex-control-nav {
        display: none !important;
    }
}

/* =FlexSlider
----------------------------------------------- */

.flexslider {
    border: none;
}

.flexslider .slides img {
    max-width: 100%;
    display: block;
    margin: auto;
    width: auto;
}

.flex-control-nav {
    bottom: 10px;
    z-index: 1000;
}

.flexslider .slides li {
    position: relative;

}

.slideList{
  list-style: none !important;
}

.flex-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 0 30px;
    display: inline-block;
    max-width: 1170px;
    margin: auto;
    bottom: 50px;
}

.flex-caption .excerpt {
    background: rgb(59, 59, 59);
    background: rgba(59, 59, 59, 0.8);
    display: block;
    color: #ddd;
    max-width: 600px;
    padding: 12px 20px;
}

.flex-caption h2 {
    background: rgb(218, 68, 83);
    background: rgba(218, 68, 83, 0.7);
    font-weight: 400;
    font-size: 24px;
    max-width: 640px;
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 0;
    color: #fff;
}

a:hover .flex-caption h2 {
    background-color: #363636;
}

.flex-control-nav {
    position: absolute;
    display: inline-block;
}

.flex-direction-nav a {
    height: 80px;
    top: 45%;
}

.flexslider .slides li img {
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: none; /* Firefox all */
    -webkit-user-select: none; /* Chrome all / Safari all */
    user-select: none; /* Likely future */
}

@media (max-width: 1199px){
  .flex-active-slide img {
    left: -15px;

  }

}

@media (max-width: 768px) {
    .flex-caption {
        display: none;
    }
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

a .flex-prev::before {

  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  /* content: '\f001'; */
  content: "";
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);

}


/* ----- Main Page Normalize ----- */
#content{
  min-height: 388px !important;
}
.main-content-area {
    margin: 0;
}

.post-inner-content {
    border: 0;
    padding: 0;
}

.post-inner-content:first-child {
    border: 0;
}

/* ----- Home Page ----- */

/* ----- Header Widgets / Three Boxes ----- */
.home-widget-area {
    background-color: #fff;
    padding: 30px 0;
}

.home-widget .inner {
  border: 1px solid #4881ac;
  font-size: 0.9em;
  background: #c3c3c3;
}

.home-widget .inner img {
    width: 100%;
}

.home-widget .inner h2 {
    margin: 15px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.home-widget .inner .text {
    padding: 0 15px 10px;
}

.home-widget .inner a {
    background-color: #4881ac;
    color: #fff;
    display: block;
    font-size: 0.975em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 1.25rem 0 0;
    padding: 0.5rem 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.home-widget .inner a:hover {
    background-color: #294c67;
}

@media only screen and (max-width: 768px) {
    .home-widget .inner {
    margin-bottom: 10px;
}
}

/* ----- INDEX PAGE ----- */
.hp-parallax {
    color: #fff;
/* ----- PARALLAX ----- */
    background-image: url("https://via.placeholder.com/150");
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
                font-size: 17px;
}

.hp-parallax br {
                display: none;
}

.parallax-container {
                background-color: rgba(0, 0, 0, .7);
                padding: 60px 0;
                position: relative;
                top: 0;
                width: 100%;
}

/* ----- TAGLINE ----- */
.script-text {
    color: #333;
    font-family: 'Satisfy', cursive;
    font-size: 40px;
    text-align: center;
}

/* ----- Content Pages ----- */

/* ----- Footer Widgets ----- */

.footer-widget h3.widgettitle {

}

#footer-area .widget ul li a {
    /* Border of footer menu */
    padding: 0;
    color: #ffffff;
}

@media only screen and (max-width: 768px) {
    .footer-widget {
        margin-bottom: 30px;
    }

    .footer-widget h3.widgettitle {
        color: #fff;
    }
}


/* ----- Footer ----- */
#footer-area .widgettitle {
	border-bottom: 1px solid #ffffff !important;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 20px;
}

#footer-area a {
	color: #fff !important;
}

#footer-area a:hover {
}

#colophon {
    border: 0;
}

.site-info {
    font-size: 16px;
}

.copyright-footer {
    margin: 0 !important;
    text-align: left;
}

.developed {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    .copyright-footer,
    .developed {
        text-align: center;
    }
	
	.banner-text-center {
	font-size:1.7em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:rgba(0,0,0,.2);
	border-radius:10px;
	padding:25px;
}
.banner-text-center p {
	font-size:.7em;
}
}

/* ----- Widgets ----- */
.widget ul {
    line-height: 22px;
}

/* ----- Service Box ----- */
.osc_servicebox {
    padding: 30px !important;
    border: 1px solid #0413f2 !important
}

.osc_servicebox {
    box-shadow: 0px 7px 14px -6px #c2c2c2;
	background: #f5f5f5;
}

.osc_servicebox h1, .osc_servicebox h2, .osc_servicebox h3, .osc_servicebox h4, .osc_servicebox h5, .osc_servicebox h6 {
    font-size: 30px !important;
	text-transform: none !important;
}

.btn-group-sm > .btn, .btn-sm {
    border: 1px solid #0413f2 !important;
	margin-top: 20px;
}

/* ----- Testimonials ----- */
.ttshowcase_rl_title {
    font-weight: bold;
    display: none;
}

.tt_img_round img {
    margin-top: 20px !important;
}

.cta {
   border: 1px solid #0413f2 !important;
   padding: 10px 20px;
   background-color: #FAFA18 !important;
 }


/* ----- Extras ----- */
.cycloneslider-template-standard {
    margin-bottom: 0 !important;
}

.image-effects {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top: 10px;
	margin-bottom: 15px;
}


/* Mikes Changes */
.none{
  display: none;
}

.banner-text-top-left{
  font-size: 8vw;
  color:black;
  z-index: 99;
  top: 8px;
  left: 16px;
  position: absolute;
}

.banner-text-top-right{
  font-size: 8vw;
  color:black;
  z-index: 99;
  top: 8px;
  right: 16px;
  position: absolute;
}
.banner-text-bottom-right{
  font-size: 8vw;
  color:black;
  z-index: 99;
  bottom: 8px;
  right: 16px;
  position: absolute;
}
.banner-text-bottom-left{
  font-size: 8vw;
  color:black;
  z-index: 99;
  bottom: 8px;
  left: 16px;
  position: absolute;
}
.banner-text-center{
  font-size: 8vw;
  color:black;
  z-index: 99;
  top: 50%;
  left: 50vw;
  transform: translate(-50%, -50%);
  position: absolute;
}

.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
  width: unset;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
  width: unset;
}
.alignfull img {
  width: 100vw;
}

.top-section {
    background: #0a500a;
    padding: 10px;
    position: relative;
    top: -1px;
}

.navbar-fixed-top{
  top:45px;
}

.header-info-fixed-top{
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (max-width: 770px){
  
  .header-info-fixed-top{
    display: none;
  }

  .navbar-fixed-top{
    top:0px !important;
  }
}
/* -- Tom's Changes -- */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"],
textarea,
select,
radio {
  border: 1px solid #808080 !important;
  color: #000;
  border-radius:5px !important;
}
span.wpcf7-form-control-wrap {
	display:block !important;
}
div label, div label span, div label span input {
	width: 100%;
}

div label span input{
	background-color: #eee;
}