/*
Theme Name: Mellowdesigner Website "White Layout"
Theme URI: http://www.mellowdesigner.com/test
Author: Christopher Houck of Mellowdesigner
Author URI: http://www.mellowdesigner.com/test
Description: Custom Branding and Websites
Version: 1.0.0
Tags:
*/

/* Navigation Bar Height----------------------- */
/*Note: 
 * When logged in,the first section will display a margin-top of 20px from the navigation bar. This is due to the WP top bar that is hidden under the fixed navigation bar. Once you log out, it will display right beneath the navigation bar.
 * 
 * Also, to edit the first section in Eliminator, right click and select the edit option.
 *  */

/*Navigation Bar*/
.cd-auto-hide-header {
    height: 80px!important;
}

.content-spacer{
	width:100%!important;
	height:80px!important;
	position:relative!important;
}
/*Content Container 
Note: The first margin must be half the height of the navigation bar*/
section:nth-child(1){margin:0px auto!important;}


/*Eliminator Container:Dont Touch*/
.hentry {
max-width:100%!important;
margin:0px auto!important;
}

/* Right Panel Navigation Bar Properties */
#mega-menu-wrap-primary {width:100%!important;}
#mega-menu-wrap-primary #mega-menu-primary {padding:0px!important;}

/* Navigation Button Properties */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	width:150px!important;
	line-height:30px!important;
	font-weight:thin!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
	text-align:center!important;
	border-radius:10px!important;
}

/* Dropdown Menu Properties */

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
	-webkit-box-shadow: 5px 5px 7px -2px #000000; 
box-shadow: 5px 5px 7px -2px #000000;
	top:64px!important;
}

/* Navigation Responsive */
@media screen and (max-width: 900px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	width:100%!important;
	border-radius:0px!important;
	
}

	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
		margin-top:20px!important;
	}
	
	
}



/*Color-------------------------------------------------------*/

/*Navigation/footer Color*/

.cd-auto-hide-header,.cd-auto-hide-header,.cd-primary-nav > ul li a:focus,.nav li.active a,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,.footer,#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
	background-color:#00264d!important;
	
}


.cd-auto-hide-header{
	border-bottom:thin solid #ff6600!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	border-bottom:thin solid #ff6600!important;
	border-left:thin solid #ff6600!important;
	border-right:thin solid #ff6600!important;
	border-top:thin dotted #ff6600!important;
}

.cd-primary-nav > ul li a::after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after{
	 content: '';
    display: block;
    width: 0;
    height: 2px;
	transition: width .3s;
	border-bottom:thin solid #ff6600!important;
}

.cd-primary-nav > ul li a:hover::after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::after
{   width: 100%;
    //transition: width .3s;
}



.footer{border-top:thin solid #ff6600!important;}


.cd-auto-hide-header .nav-trigger {border-left:thin solid #ff6600!important;}

.cd-auto-hide-header .nav-trigger em,.cd-auto-hide-header .nav-trigger em::before,.cd-auto-hide-header .nav-trigger em::after,.cd-primary-nav > ul li a:focus, .nav li.active a {
	background-color:#ff6600!important;}


/* Color Responsive */
@media screen and (max-width: 900px) {

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		border-bottom:thin solid #ff6600 !important;
	}
	
	.cd-primary-nav > ul li a:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{
	background-color:#ff6600!important;
}

.cd-primary-nav > ul li a::after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after{
	 
	border-bottom:none!important;
}
}

.cd-primary-nav > ul li a:hover{
	background-color:transparent!important;
}





/*Primary Color*/

body,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce ul.products li.product .button,.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.videoGallery .rsThumb.rsNavSelected,.navbar,.navbar-fixed-top,.main-navigation, .navbar-header,.navbar-solid,.cta-1,.cta-2,.footer-widgets,.portfolio-detail-overlay,.content-wrap,.widget-gallery,.color,.btn,.card-header ,::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover  {
	background-color: #f2f2f2!important;
}


.side-bar .search-field, .comments-area textarea{
background:#f2f2f2!important;}

.cd-auto-hide-header .nav-trigger span ,.cd-primary-nav > ul li a:link,.cd-primary-nav > ul li a:hover,.cd-primary-nav > ul li a:visited,.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,.woocommerce div.product .woocommerce-tabs ul.tabs ,.woocommerce .woocommerce-ordering select,.main-navigation .navbar-nav li.active a{color:#f2f2f2!important;}

/*Secondary Color*/
.clients,.btn:before,.card-body {background:#333 !important;}

.shop-padding .woocommerce div.product .woocommerce-tabs,.shop-padding .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,.contentSlider .rsSlide,.contentSlider .rsOverflow,header h1, .color h1, .color h2, .color h3, .color, .color section,.btn,.card-header, .card-header h4,section,.btn:before,.btn:hover,.btn:active, .btn:focus,.nav li.active a,.panel-body,
.woocommerce-checkout-payment,.woocommerce-error, .woocommerce-info, .woocommerce-message,form.customize-unpreviewable input
{color:#333 !important;}

.btn-primary{border:2px solid #333!important;}

.woocommerce-info {
    border-top-color: #333!important;
	color:#333!important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	 background-color: none!important;
    border: thin solid #333!important;
}


::-webkit-scrollbar-track{background-color:#333!important;}

body{
background-image:url(assets/images/backgrounds/bg-2.png)!important;
background-position:center;
background-size:cover;
background-attachment:fixed;

}



.cd-primary-nav > ul ,.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs,.contentSlider .rsSlide,.contentSlider .rsOverflow,.list-group-item{background-color:transparent!important;}

/*Fonts*/

h1{font-family: 'Teko', sans-serif!important;}
h1:not(.site-title):before, h2:before {display:none!important;}

/*Background-images*/

.bkgrnd1{background-image:url(../images/backgrounds/bg-1.png);}
.bkgrnd2{background-image:url(../images/backgrounds/bg-2.png);}
.bkgrnd3{background-image:url(../images/backgrounds/bg-3.png);}
.bkgrnd4{background-image:url(../images/backgrounds/bg-4.png);}
.bkgrnd5{background-image:url(../images/backgrounds/bg-5.png);}
.bkgrnd-color{background-image:url(../images/backgrounds/bg-color.png);}



/*Modal Window*/

.elementor-lightbox {z-index:100000000000000000000000000000000000000!important;}

/*Universal Padding*/
.shop-padding{
	box-sizing:border-box!important;
	padding:40px!important;
}

.shop-container{
	width:95%!important;
margin:0 auto!important;
}

.shop-padding p, .shop padding h1,h2,h3,h4,h5{
	box-sizing:border-box!important;
	padding:20px!important;
}

/*Gallery Mobile Resizing
Note: Change the gallery accordingly to incorporate mobile. (i.e. #gallery-1)
*/
@media screen and (max-width: 900px) {
.elementor-widget-container {
	padding:5px!important;
}
}