/*
* Style Overrides 

<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,700" rel="stylesheet">
font-family: 'Montserrat', sans-serif;

rocklin blue color: 005f9e

Accent orange: f0740e
*/



.mfp-wrap .mfp-inline-holder .mfp-content {
    background: transparent!important;

}



.themify_builder_content.phone-top {}

#main-nav {
    z-index: 100;
}


/* user way ADA icon placement */

body .uwy.userway_p1 .uai  {
       right: 38px!important;
    left: auto!important;
    bottom: 18px!important;
    top: auto!important;
}




body.home.fixed-header.page-loaded #headerwrap {
    width: 75px;
    right: 16px;
    top: 0px;
    left: auto;
}

.contact-box {}

/*
#menu-icon {
    z-index: 1010;
}
*/

.max-img-width img{max-width:95%;}


/* for any background slider in Themify, use this class to hide the nav */
.module_row .hide-slider-nav .row-slider-dot, .module_row .hide-slider-nav .row-slider-arrow  {display: none;}


.container-area-980 {max-width: 980px; margin: auto; display: block;}

.container-area-1090 {max-width: 1090px; margin: auto;}

.container-area-1136 {max-width: 1136px; margin: auto;}


#site-description {
    opacity: .0;
}

#site-description a:hover {
    color: #ffffff!important;
    text-decoration: underline;
}




#content {
    padding: 0% 0;
}


.footer-text-inner {font-size: 12px;}

.social-widget .widget div {
    z-index: 500;
    position: relative;
    top: 1px;
}

.unit-price {color: #f0740e;}

.module-tab .tab-content h2 {color: #005f9e;}

.themify_builder .ui.light-green, .ui.light-green.nav li a, .ui.light-green.module-tab .tab-nav li a {
    color: #FFF;
}

.ui.purple {
    background-color: #b532cd;
}

.myaccent {color: #1ec28a;}


 body.home:not(.slide-cart):not(.mobile_menu_active) #main-nav {
    display: none;
}



.home-menu-icon a{
	color: #FFFFFF;
}

.mobile-menu-module ul:before, .mobile-menu-module>ul:after, .mobile-menu-module ul li:not(:first-child):before {
    background: transparent;
    
}

/*
.module-menu .nav.transparent>li>a, .module-menu .nav.transparent>li.current_page_item>a, .module-menu .nav.transparent>li.current-menu-item>a { color: #ffffff!important;}
*/

.home.transparent-header #headerwrap.fixed-header {
    background-color: rgba(0,95,158,0.9);
	background-color: transparent!important;
}

.storage-logo {min-width: 250px;}


.info-box {
	min-width: 330px;
}


.info-box h4{
	margin-left: -35px;
}




/* remove border arund iframes */
.video-wrap video, .video-wrap iframe, .video-wrap object, .video-wrap embed {
    border: none;
}





/* make the portfolio nav next/prev smaller */
.post-nav a {
    display: block;
    font-size: 13px;
    letter-spacing: normal;
    text-decoration: none;
}


.featured-ribbon {
    position: absolute;
    background: #1ec28a;
    color: #fff;
    padding: 1px 7px;
    top: -25px;
    left: -41px;
    font-size: 14px;
    font-weight: 600;
}

.featured-ribbon::before {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #0d3829 transparent transparent transparent;
    border-width: 18px 0 0 26px;
    top: 28px;
    left: 0px;
}



/* overrides for shortcodes ultimate */


.su-row {
    margin-bottom: 0px!important;
}

.su-row p {
    margin: 0 0 0px!important;
}


.su-row .su-column {
    margin: 0 0 0 1.5%!important;
}

.su-column-size-1-4 {
    width: 25%!important;
}
.su-column-size-3-4 {
    width: 72%!important;
}


/* overrides for recent posts extended */

.rpwe-block ul {
}

#content .rpwe-block ul li {
	list-style: none;
	margin-left: 0px;
	}


.rpwe-block li {
	padding-top: 15px;
	margin-bottom: 15px;
}
.rpwe-block a.more-link {
	font-weight: normal;
	font-size: 95%;
}
.rpwe-block a:hover.more-link {
	text-decoration: underline;
}
.rpwe-block h3 {
	font-size: 13px;
	line-height: 1.3em;
	margin-bottom: 5px;
}
.rpwe-thumb {
	margin-right: 3.5%;
}
.rpwe-summary {
	font-size: 85%;
}
.rpwe-time {
	font-size: 75%;
	font-style: italic;
	color: #999;
}
.rpwe-alignleft {
	float: left;
}
.rpwe-alignright {
	float: right;
}
.rpwe-alignnone {
}
.rpwe-clearfix:before, .rpwe-clearfix:after {
	display: table;
}
.rpwe-clearfix:after {
	clear:both;
}
.rpwe-clearfix {
	zoom: 1;
}


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

.storage-logo {
 margin-left: -50px!important;
	
	}

}

@media screen and (max-width: 1360px) {
	
.info-box {
	margin-left: -35px!important;
}

}


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


	
	
/*for the icon menu for home - currently not using 	
.home-menu-icon {
	position: absolute!important;
    top: -75px;
    right: 35px;
}
	
	*/

.storage-logo {
	min-width: 250px;
   margin-left: inherit!important;
	display: none;
	}

.info-box {
	max-width: 330px;
	margin-left: auto!important;
}

.info-box h4{
	margin-left: 0px;
}


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


}

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

        #main-nav {
            position: relative;
            top: auto;
            right: auto;
        } 
    
    #site-description {
    opacity: 1.0;
}

    
}
@media screen and (max-width: 980px) {
.featured-ribbon {
    left: -38px;
   
}

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

	

.storage-logo {
	margin-left:45px!important;
	
	}
	
	
.su-column-size-1-4 {
    width: 100%!important;
}
.su-column-size-3-4 {
    width: 100%!important;
}	


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

    
.info-box {
	display:none!important;
}

	 /* make tab buttons full width */
.ui.module-tab ul.tab-nav li {
   
    width: 100%;
}

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



}