/*
 * Theme Name: Premium Theme
 * Theme URI: https://www.packerlandwebsites.com
 * Author: Mike McGraw
 * Version: 3.3.1
 * 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;
    background-color: #fff;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden;
}

.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;
        /*Miranda's mobile edits*/
        padding-left: 10px;
    }
}


/* ----- 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;
}


/*Miranda's mobile edits*/

@media only screen and (max-width: 768px) {
    #logo img {
        max-width: 250px;
    }
}

.navbar>.container-fluid .navbar-brand {
    font-size: 20px;
    color: #dadada;
    margin: 10px 0;
}

.navbar>.container .navbar-brand {
    font-size: 20px;
    margin: 10px 0;
}


/* ----- Navigation ----- */

.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: 1000px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        display: inline-block;
        background-color: transparent;
        color: #777 !important;
    }
    #menu-main.float-end {
        float: unset !important;
        text-align: center;
    }
    .nav-link,
    .dropdown-menu.show {
        width: 100%;
    }
}


/* ----- 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;
    }
}


/* ----- 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;
}

.navbar-default .container-fluid .navbar-toggle:focus span::after {
    background: black;
}

.navbar-default .container .navbar-toggle:focus span::after {
    background: black;
}


/* 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;
}


/* .main-content-inner{
	padding-left: unset;
	padding-right: unset;
} */

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

/*@media (max-width: 585px) {
    .flex-caption {
        display: block !important;
    }
    .flex-caption .excerpt h1 {
        font-size: 7px;
    }
    .entry-title {
        display: none !important;
    }
}*/

.flex-caption {
    display: block !important;
}

.home-widget-area .container .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.flexslider .slides img {
    width: 100vw;
}

@media (min-width: 2560px) {
    .container {
        width: 2000px;
    }
    .site-info {
        font-size: 20px;
    }
    .entry-content,
    p,
    .entry-content a,
    .entry-meta a {
        font-size: 20px;
    }
    .fa {
        font-size: 20px;
    }
    .home-widget .inner {
        font-size: 1.8em;
    }
    .navbar-default .navbar-nav>li>a,
    .navbar>.container .navbar-brand,
    a {
        font-size: 25px;
    }
    .homeBannerText {
        font-size: 1em;
    }
}

.homeBannerText {
    font-size: .4em;
}