/*
Theme Name: Pegasus
Theme URI: http://visionquestdevelopment.com
Author: Jim O'Brien
Author URI: http://visionquestdevelopment.com/
Description: This theme was developed for VISIONQUEST DEVELOPMENT. It's a theme that will have bootstrap elements that can be built with SiteOrginBuilder modules.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: top bar, (fixed, scroll, and normal) navigation, small header and large header options, boxed layout, 
Text Domain: Bootstrap
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~VQDEV CUSTOM CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


	/*==========================
		TEMPORARY
	==========================
	#page-wrap .panel-grid { margin: 0 !important; }
	#page-wrap .panel-grid .panel-grid-cell { padding: 0 !important; }
	==========================*/
	
	
	/* move admin bar so I can see what im doing and editing 
	.admin-bar .navbar-fixed-top, .admin-bar #mega-menu, .admin-bar a.mobile-menu-close {	margin-top: 32px;  }
	@media screen and ( max-width: 782px ) {
		body { padding-top: 46px !important; }
	}
	@media screen and ( min-width: 782px ) {
	html { margin-top: 32px !important; }
	* html body { margin-top: 32px !important; }
	}
	*/
	/* move admin bar so I can see what im doing and editing 
	.admin-bar .navbar-fixed-top, .admin-bar #mega-menu, .admin-bar a.mobile-menu-close {	margin-top: 30px;  } */
	/*
	body.admin-bar { margin-top: 32px; }

	@media screen and (max-width: 782px) {
		body.admin-bar { margin-top: 46px; }
		body.admin-bar.navbar-fixed-top-is-active .header-container.navbar-fixed-top { margin-top: 46px !important; }
	}
	*/
	@media screen and (max-width: 600px) {
		
		#wpadminbar {
		    position: fixed !important;
		}
	}
	/*
	body.admin-bar.navbar-fixed-top-is-active .header-container.navbar-fixed-top { margin-top: 32px; }

	body.admin-bar .the-default-third-nav a.mobile-menu-close { top: 46px; }
	*/

	/*~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~ GLOBALS ~~~~~~
	~~~~~~~~~~~~~~~~~~~~~*/

	body {
		position: relative;
	}
	
	body, html { min-height:100%; height: 100%; margin:0; padding:0; }

	p { word-wrap: break-word; }

	h1, h2, h3, h4 {
		
	}
	h1 { }
	h2 { }
	h3 { }
	h4 { }
	small, .font_small { }
	
	img { max-width: 100%; height: auto; }
	
	img.wp-smiley, img.emoji { font-size: 2rem; }
	
	.js .tmce-active .wp-editor-area { color: black; }
	
	@media only screen and (min-width: 992px) {
		/*#page-wrap { padding: 0 0 20px; }*/
        /*.inner-content { padding: 20px 0; }*/
        /*.page-header { padding: 20px 0 0; }*/
	}
    @media only screen and (max-width: 991px) {
        #page-wrap { padding: 20px 0 0; }
    }

	.inner-content { /* padding: 0 20px;  */ }
	.page-header-spacer { padding: 20px 0; }

    .center { text-align: center; }
	
	.hide { display: none; }

    /*=========================*/
    /* Sidebar */
    /*=========================*/
	.sidebar{ padding: 20px 0; }
    .sidebar .widget { margin-bottom: 10px; }
	.sidebar .inner-sidebar-container { padding: 20px 0; }
    .sidebar .widget .card,
    .sidebar .widget .card .list-group-item {
        background: transparent;
    }
	@media only screen and (max-width: 991px) {
		.sidebar{ padding: 20px 0 0; }
		.sidebar .inner-sidebar-container { padding: 20px 0; }
	}
	.sidebar ul { list-style-type: none; margin: 0; padding: 0; }

    .widget-title {
        padding: 10px 0 0 10px;
    }
	
	.widget { }
	.sidebar h3 { color: #888; }
	article.post {  }
	
	.wp-caption {  }
	.wp-caption-text {  }
	.sticky {  }
	.screen-reader-text {  }
	.gallery-caption {  }
	.bypostauthor {  }
	.alignright {  }
	.alignleft {  }
	.aligncenter { display: block; margin: 0 auto; text-align: center; }

    /*=========================*/
    /* Comments */
    /*=========================*/
    .reply .form-group { margin-bottom: 0; }
	.commentlist, .media-list { padding-left: 0;  }

    .media-list {
        border-left: none;
        margin: 0;
    }

    .media-list .media-list {
        border-left: 1px dotted black;
        margin-left: 1rem;
    }

    .comment-container {
        margin-bottom: 1rem;
    }

    .comment-body {
        margin-left: 0;
    }

    .comment-body .comment-body {
        margin-left: 1rem;
    }

    .media-list li {
        margin-bottom: 1rem;
    }

    .media-list li:last-child {
        margin-bottom: 0;
    }

    .media-heading { margin-bottom: 0; }
    .comment-content p { margin-bottom: 0; }

    .depth-1 {
        background: #f0f0f0;
        padding-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-top: 4px solid #212529;
    }

    .media-left { float: left; }

    .media-left .media-object {  }

    #respond {
        background: #f5f5f7;
        padding: 1rem;
    }

    /*=========================*/
    /* Search Form */
    /*=========================*/

	.searchform { margin: 0 auto; }

    .search-results-container {
        box-shadow: 2px 2px 5px #777;
        border-radius: 10px;
        padding: 1rem;
        background: #eee;
    }

    .search-results-container .block-inner {
        position: relative;
        overflow: auto;
    }

    .search-results-container .content-item-image { }

    .search-results-container .edit-link {
        padding: 0 1rem;
    }
    .search-results-container .content-item-wrapper {
        padding: 0 1rem;
    }

    .screen-reader-text, .search-label {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        overflow: hidden;
        position: absolute!important;
        width: 1px;
        word-wrap: normal!important;
    }


    /*=========================*/
    /* inputs / breadcrumbs */
    /*=========================*/

	
	/*input, textarea { width: 90%; }*/
	input[type=submit] { }
	
	table { width: 100%; }
	
	.wp-core-ui .button.button-small { width: 55px; }

	/* Yoast SEO Breadcrumbs */
	#breadcrumbs {
		padding: 20px 0;
	}

	/* Breadcrumb Nav XT */
	.breadcrumbs {
		padding: 10px 0;
	}

	/*=========================*/
	/* Page Loader */
	/*=========================*/
	.page-loader {
		background-color:white;
		position:fixed;
		width:100%;
		height:102%;
		content:"";
		z-index:9;
		margin-top:-5px;
	}
	.page-loader img {
		position:absolute;
		left:50%;
		top:50%;
		margin-top:-8px;
		margin-left: -8px;
	}

    /* Back to Top*/
    #toTop {
        position: fixed;
        display: block;
        border-radius: 50%;
        padding: .75rem;
        background: white;
        color: black;
        box-shadow: 1px 1px 5px slategrey;
        font-size: 1.25rem;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        vertical-align: middle;
        bottom: 3rem;
        right: 2rem;
        cursor: pointer;
        z-index: 2;
        opacity: 0;
    }

    #toTop.scrolled {
        opacity: 1;
        -webkit-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in
    }

    /*===============================================================================================================
        HEADER
    ===============================================================================================================*/

    /*~~~~~~~~~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~ TOP BAR ~~~~~~~~
    ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #top-bar { padding: 0; }
    #top-bar a:hover { opacity: .6; }
    #top-bar .text { padding: 10px 0; width: 100%; }
    #top-bar .right { text-align: right; }
    #top-bar p { margin-bottom: 0; }
    #top-bar .phone, #top-bar .mail { display: inline-block; }
    #top-bar .phone { /*padding: 5px 0 0;*/ }
    #top-bar .mail { /*padding: 5px 0 0;*/ margin-left: 20px; }
    #top-bar .woo-error { padding-top: 5px; }
    #top-bar .the-nav-cart .woo-item { min-width: auto !important; }
    #top-bar .the-nav-cart .woo-item { position: relative; }
    #top-bar .pegasus-social li a { padding: 10px 5px; }
    /*#top-bar .shop-link { padding: 14px 10px; }*/

    #top-bar .navbar { padding: 0; }

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

        #top-bar .phone, #top-bar .mail { display: block; text-align: center; }
        #top-bar .left .text { text-align: center;  }
        #top-bar .pegasus-social { text-align: center; margin-right: 20px;  }
        #top-bar .pegasus-social li { display: inline-block; }
        #top-bar .navbar-right .navbar-nav { display: inline-block; }



        #top-bar .the-nav-cart  .user-menu-container .sub-menu {  }
        #top-bar .the-nav-cart { text-align: center; }

    }

    @media only screen and (max-width: 479px) {
        #top-bar .pegasus-social { margin-right: 0;  }
        #top-bar .phone, #top-bar .mail { display: block; text-align: center; }
        #top-bar .left .text { text-align: center;  }

        #top-bar .woo-item .sub-menu { right: -115px; }
        #top-bar .header-cart-item .sub-menu { right: -50px; }

        #top-bar .the-nav-cart  .user-menu-container .sub-menu {  }
        #top-bar .navbar-right .navbar-nav { display: block; }
        /*#top-bar .col-xs-6 { width: 100% !important; float: none !important; }*/
    }


    /*~~~~~~~~~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~ NAV CART ~~~~~~~~
    ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .the-nav-cart {
        margin: 0;
        list-style-type: none;
        display: inline-block;
        padding-left: 0;
    }

    @media only screen and (max-width: 980px) {
        .the-nav-cart { padding: 0; }
    }


    .the-nav-cart li { display: inline-block;     position: relative; }
    .the-nav-cart li a i { padding: 14px 10px; }
    .the-nav-cart .woo-item:hover .sub-menu { display: block; }
    .the-nav-cart li.header-cart-item .sub-menu a:before { display: none; }
    .the-nav-cart li.header-cart-item .sub-menu .cart_list a { padding: 0 !important; }
    .the-nav-cart li.header-cart-item .sub-menu .cart_list a:hover { background: transparent !important; }

    .header-cart-item .card.card-woocommerce-widget-cart {
        background-color: inherit; align-content;
        border: none;
    }

    .header-cart-item a {
        padding: 8px 0;
        display: block;
    }
    #top-bar .cart-contents {
        padding: 8px 0;
        display: block;
    }

    .header-cart-item .sub-menu {
        z-index:99999;
    }

    .the-nav-cart .sub-menu {
        display: none;
        position: absolute;
        right: 0;
        z-index:999;
        padding: 10px 20px;
        border-radius: 4px;
        list-style-type: none;
        margin: 0 !important;
        min-width: 340px;
        text-align: left;
    }

    @media only screen and (max-width: 479px) {
        .the-default-nav .header-cart-item .sub-menu { right: -120px; }
        .the-default-nav .user-menu-container .sub-menu { right: -190px; }
    }

    @media (max-width:768px) {

    }

    .the-nav-cart li.header-cart-item a:before {
        content: "\f07a";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        font-size: 18px;
        padding-right: 6px;
    }

    .navbar-dark .the-nav-cart a, .navbar-dark .pegasus-social a {
        color: rgba(255,255,255,.5);
    }

    .navbar-dark .the-nav-cart a:hover, .navbar-dark .pegasus-social a:hover {
        color: rgba(255,255,255,.75);
    }

    /*~~~~~~~~~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~ SOCIAL MENU ~~~~~~~~
    ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .pegasus-social {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: inline-block;
    }
    .pegasus-social li { display: inline-block; }
    .pegasus-social li a { padding: 10px 5px; font-size: 0; }
    .pegasus-social li a .fa { font-size: 16px; }

    .pegasus-social li:before { display: none; }




    /* RANDOM NAVIGATION STUFF */
    .site-branding { padding: 15px 0 10px; }
    .site-branding.center { margin: 0; padding: 20px 0; }
    @media only screen and (max-width: 420px) {
        .site-title { font-size: 16px; }
    }

    .woo-error { padding: 0 10px; }

    .pegasus-header-content {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 100%;
        line-height: 1;
        top: 50%;
        left: 50%;
        text-align: center;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }



    /*.current-menu-parent li a {	background: inherit; }
    .current-menu-parent .current-menu-item a { font-weight: bold; } */



    @media only screen and (min-width: 768px) and (max-width: 992px) {
        .navbar-brand { font-size: 0 !important; }
    }



    /*====================================
        BOOTSTRAP 4 DROPDOWN FIX
     ===================================*/
    @media (min-width:768px) {

        /*==============================
            WORKING SUBMENUS
        ================================*/
        .navbar .primary-navigation-bar li { position: relative; }
        .navbar .primary-navigation-bar li.menu-item-has-children { position: relative; }

        .navbar .primary-navigation-bar .dropdown-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            margin: 0;
            padding: 0;
            z-index: 999;
        }

        .navbar .primary-navigation-bar .dropdown-menu li {
            float: none;
            /* width: 200px; /*
            not sure why this was here, maybe use min or max width instead
             */
        }

        .navbar .primary-navigation-bar .dropdown-menu .dropdown-menu {
            top: 0;
            left: 100%;
        }

        .navbar .primary-navigation-bar li:hover > .dropdown-menu {
            display: block !important;
        }

    }
    @media (max-width:768px) {
        .dropdown-menu {
            display: block !important;
            border: none !important;
            margin: 0 1.5rem !important;
            /*padding: 0 1.5rem !important;*/
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .dropdown-item:active, .dropdown-item:hover  {
            background-color: transparent !important;
        }

        .dropdown-toggle::after {
            display: none !important;
        }

        #top-bar .ml-auto { margin-left: 0 !important; }
        .the-nav-cart, .pegasus-social { display: block !important; }
    }
    /*==============================
        NAVBAR-DARK COLOR CHANGES
    ================================*/
    /*.navbar-dark .navbar-nav .dropdown-item {*/
        /*color: rgba(255,255,255,.5);*/
    /*}*/

    @media only screen and (min-width: 769px) {
        /*.navbar-dark .dropdown-menu li a {*/
            /*color: rgba(0, 0, 0, .75) !important;*/
        /*}*/
    }
    @media only screen and (max-width: 768px) {
        /*.navbar-dark .active > a {*/
            /*color: rgba(255,255,255,.5);*/
        /*}*/

        /*.navbar-dark .current-menu-item > a {*/
            /*color: rgba(255,255,255,.5);*/
        /*}*/

        /*.navbar-dark .current-menu-item > a:hover {*/
            /*color: rgba(255, 255, 255, .75);*/
        /*}*/
    }

    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    ~~~~~~~~ ADDITIONAL HEADER ~~~~~~~
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .sf-mega .card { background: inherit; border: none; }
    .sf-mega .list-group-item { border: none; }

    /* ~~~~~~~~~~~~~~~~~~~~
    ~~~~SMALL HEADER ~~~~
    ~~~~~~~~~~~~~~~~~~~~~*/
    .parallax { position: relative; overflow: hidden; }

    /* .parallax .forkit { right: 3%; } */

    .large-header{
        position:relative;
        width:100%;
        overflow:hidden;

        z-index:1;
        webkit-animation:10s ease-in;
        -moz-animation:10s ease-in;
        -o-animation:10s ease-in;
        animation:10s ease-in
    }

    #large-header:before {

        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    /*=========================*/
    /* Parallax */
    /*=========================*/

    .wrapsection {
        padding:0px 0;
        position:relative;
        margin:0px 0;
    }
    .overlay {
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
        opacity:0.0;
        z-index:2;
    }
    .parallax-content {
        position:relative;
        z-index:4;
        padding: 150px 0;
        /* min-height: 50vh; */
    }


    /*~~~~~~~~~~~~~~~~~~~~~
    ~~~~~~~~ FOOTER ~~~~~~~
    ~~~~~~~~~~~~~~~~~~~~~*/
    .pegasus-footer { position: relative; clear: both; overflow: hidden; }
    .pegasus-footer #footer-widgets .footer-widget-area .card { margin-bottom: 1rem; }
    .pegasus-footer #footer-widgets .footer-widget-area .card,
    .pegasus-footer #footer-widgets .footer-widget-area .card .list-group-item {
        background: transparent;
    }

    .pegasus-footer hr { margin: 0; }
    #footer-widgets { padding: 20px 0; }
	/*.footer-widget-area { float: left; padding: 0 10px; }*/
    .copyright { margin-bottom: 0; }
	.site-footer { padding: 10px 0; }

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~PAGES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	/*~~~~~~~~~~~~~~~~~~~~~
	~~~~~~ HOME PAGE ~~~~~
	~~~~~~~~~~~~~~~~~~~~~*/






    /*~~~~~~~~~~~~~~~~~~~~~
    ~~~~~~ SINGLE PAGE ~~~~~
    ~~~~~~~~~~~~~~~~~~~~~*/
	.content-item-container { margin-bottom: 20px; }
	
	
	/*~~~~~~~~~~~~~~~~~~~~~
	~~~~~~ WOOCOMMERCE ~~~~~
	~~~~~~~~~~~~~~~~~~~~~*/
	.shop_table .actions .coupon { float: none !important; }
	.shop_table .actions .coupon .input-text { float: left; min-width: 141px; }
	.shop_table .actions .coupon input { display: inline-block; }
	.shop_table .actions .coupon .button { float: left; max-width: 152px; }
	.shop_table .actions input[type="submit"] { max-width: 400px;  }
	
	    
	
	
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~MEDIA QUERIES~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
		
	}
	
	@media only screen and ( min-width: 981px ) {
		
	}

	@media only screen and (max-width: 1200px) {
	
	}
	
	@media only screen and (max-width: 980px) {
		
	}
	
	@media only screen and ( max-width: 783px ) {
		.footer-widget-area { width: 50% !important; }
	}
	
	@media only screen and ( max-width: 768px ) {

		.the-nav-cart li { display: inline-block !important; }
		header .nav ul li { display: block; }
		/*.the-default-nav #navbar { overflow-y: visible; max-height: none !important; }*/
		/*#header { padding: 0 20px; }*/

        .dropdown-menu {
            background-color: transparent !important;
        }


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


	}

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

        #top-bar .center .text { padding: 0 !important; }
        #top-bar .navbar { display: block; }
    }

	@media only screen and (max-width: 479px) {
		
		.footer-widget-area { float: none !important; width: 100% !important; }
		
		.the-nav-cart .sub-menu { min-width: 225px; }

        #bs-example-navbar-collapse-1 { max-width: 100%; }
	}

	/* Responsive CSS */

	/* Tablets */
	@media (max-width: 767px){
		
	}

	/*==================================================
	=            Bootstrap 3 Media Queries             =
	==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }