/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
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.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline: none !important;
}
 a {
	color: #005aa9;
}
.site-info a {
	display:none;	
}
footer .widget-title {
	display:none;
}
img {
    border-radius: 0px;
}
.storefront-primary-navigation {
    width: 70%;
    display: inline-block;
    float: right;
    _margin-top: -69px;
	margin-top: -80px;
    text-align: right;
}
body {
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: #333333;
	background: #fff;
}
#page {
    background-color: #fff;
}
.site-header  {
    background: none !important;
}
.site-header .col-full {
    max-width: 100%;
	padding-left: 0;
}
.no-wc-breadcrumb .site-header {
    margin-bottom: 30px;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 3em;
}
  

.latestnews .left {
	  display: flex;
  align-items: center;
  justify-content: center;
	padding:50px;
background: #6dc067;
	width: 100%;
}
.latestnews .left h2 {
	 font-size: 3rem;
	text-align:center;
	line-height: 3rem;
	color:#fff;
}
.latestnews .right {
	padding:20px;
	background: #f0f0f0;
	width: 100%;
	margin-bottom: 15px;
}
@media (min-width: 768px) {
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
font-size: 14px;
}
}
@media (max-width: 66.4989378333em) {
.site-content .col-full, .site-footer .col-full {
    padding: 0 1rem;
}
}
@media (min-width: 768px) {
body {
	background: #f0f0f0 url(/wp-content/uploads/2015/06/back.png) repeat-x top center;
}
.site-header{
background: url(/wp-content/uploads/2021/08/header-back2.jpg) repeat-x !important;
}
.latestnews .left {
width: 30%;
min-height:290px;
}
.latestnews .right {
width: 70%;
min-height:290px;
	margin-bottom: 0px;
	padding: 20px;
}
.col-full {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.site-header .site-branding img {
    height: auto;
    max-width: 350px;
    max-height: none;
}
.site-header {
    padding-top: 0;
    padding-bottom: 0;
	border-bottom-color: #fff;
}
	.site-branding, .site-search, .site-header-cart, .site-logo-anchor, .site-logo-link, .custom-logo-link {
    margin-bottom: 7px;
}
}
@media (max-width: 568px) {
.col-full {
    margin-left: 0;
    margin-right: 0;
}
#shiftnav-toggle-main.shiftnav-toggle-style-burger_only {
    top: 5px;
    right: 5px !important;
}
.site-header {
padding-top: 5px;
}
.no-wc-breadcrumb .site-header {
    margin-bottom: 0px;
}
	.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0;
	padding-bottom: 1rem;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0;
	padding-bottom: 1rem;
}

.site-branding {
margin-left: 5px;
}
#shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-edge-right.shiftnav-toggle-main-entire-bar:before, .shiftnav-open-right #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    padding: 10px 20px !important;
}
.site-header .custom-logo-link img {
    max-width: 320px;
}
}
@media (max-width: 375px) {
#shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-edge-right.shiftnav-toggle-main-entire-bar:before, .shiftnav-open-right #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    padding: 8px 20px !important;
}
}

    .largetile {
        background: url(/wp-content/uploads/2021/08/services-graphic-new.jpg) no-repeat top left;
        background-color: #0260a8;
			background-size: 100%;
  }
  .ctct-form-errorMessage{
        text-transform: uppercase;
        text-align: center;
        background-color: #0260A8;
        margin: 0;
        padding: 5px;
        line-height: 15px;
  }

  .signup-subscribe-message{
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        background-color: #0260A8;
        height: 40px;
        padding: 10px;
  }
  

/* HOME CSS */
    .hometiles {
        color: #fff;
    }
    .hometiles a{
        color: #fff;
    }
    .hometiles h3{
        color: #fff;
        font-size: 24px;
        font-weight: normal;
    }
    .hometiles .large-5.columns {
        padding-right: 0px;
        padding-left: 0 !important;
    }
    .hometiles .large-7.columns {
        padding-right: 0px;
        padding-left: 0px !important;
    }
    .smalltile {
        padding: 12px;
        _overflow: hidden;
        position: relative;
    }
    .largetile:hover {
   -moz-box-shadow:    inset 0 0 9px #fff;
   -webkit-box-shadow: inset 0 0 9px #fff;
   box-shadow:         inset 0 0 9px #fff;
   cursor: pointer;
    }

    .smalltile:hover {
   -moz-box-shadow:    inset 0 0 9px #fff;
   -webkit-box-shadow: inset 0 0 9px #fff;
   box-shadow:         inset 0 0 9px #fff;
   cursor: pointer;
    }

    .smalltile.signup:hover {
   -moz-box-shadow:    inset 0 0 0px #fff;
   -webkit-box-shadow: inset 0 0 0px #fff;
   box-shadow:         inset 0 0 0px #fff;
   cursor: auto;
    }    
    
    .smalltile h3{
        position: absolute;
        bottom: 0;
        left: 12px;
    }
    .largetile {
        padding: 12px;
        overflow: hidden;
        position: relative;
    }
    .largetile h3{
        position: absolute;
        bottom: 0;
        left: 12px;
    }
    .hometiles .columns {
        position: relative;
        padding-left: 7px !important;
        padding-right: 7px !important;
        float: left;
    }
     .hometiles a {
        padding: 0px !important;
        margin: 0px !important;
    }
.freeform {
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    font-size: 14px;
}
.freeform .title{
    padding-left: 12px;   
}
.freeform input[type=text] {
    background: #ececec !important;
    color: #444;
    font-size: 11px;
    border: solid 0px #ffffff;
    margin-bottom: 0px !important;
    margin-top: 3px !important;
    border-bottom: 0px !important;
    text-align: left;
    padding-left: 12px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.freeform input[type=submit] {
    background: #fad500 !important;
    color: #0260A8;
    font-size: 15px;
    border: solid 0px #ffffff;
    border-radius: 0px;
    width: 100%;
    padding-right: 0px !important;
    margin-bottom: 0px !important;
    text-align: left;
    padding-left: 12px !important;
}
.freeform input[type=submit]:hover {
    background: #0260a8 !important;
    color: #fff;
}

.freeform input::-webkit-input-placeholder {
   color: #808080 !important;
}

.freeform input[placeholder] {
   color: #808080 !important;
}
.freeform input:-moz-placeholder {
      color: #808080 !important;
}
.freeform input::-moz-placeholder {
      color: #808080 !important;
}

.hometiles:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
ƒ .hometiles{height:100%}

.hometiles {
display: block;
float: left;
width: 100%;
margin-bottom: 40px;
}
.freeform form {
margin-bottom: 0;
}
.freeform label {
display:none;
}


.phoneright {
    float: right;
}

/* home tile Media Queries  */


@media (max-width: 640px) {
    .hometiles h3 {
        font-size: 20px;
    }


    .smalltile {
        width: 47.7% !important;
        float: left;
    }
    .smalltile:nth-child(1) {
        _margin-right: 7px;
    }
    .smalltile:nth-child(2) {
        _margin-left: 7px;
    }
    .smalltile.first {
        margin-right: 14px;
    }
    .largetile {
        height: 165px !important;
        background-image: none !important;
    }
    .hometiles .large-5 {
        padding-right: 0.9375rem !important;
        padding-bottom: 7px;
    }
    .hometiles .large-7 {
        padding-right: 0.9375rem !important;
        padding-top: 7px;
    }
    .hometiles .small-12.columns {
        padding-left: 0 !important;
        padding-right: 0px !important;
    }
    .hometiles .small-12.columns .columns{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .hometiles {
        padding-right: 0px !important;
    } 
    .hometiles .small-12.columns.smalltiles{
        padding-right: 0 !important;
        _background-color: #ccc;
    }

    .phoneright {
        float: none;
    }

    .latestnews .left{
        min-height: 0px !important;
		padding: 20px;
    }
	.latestnews .left h2 {
		font-size: 2rem;
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) { /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


    #content .latestnews .title h2{
        text-align: center;
        line-height: 2.4rem;
        margin-top: 30px;
    }

    .latestnews .title, .latestnews .content{
        min-height: 240px;
    }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) { /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

    #content .latestnews .title h2{
        text-align: center;
        line-height: 2.4rem;
        margin-top: 30px;
    }
    .latestnews .title, .latestnews .content{
        min-height: 220px;
    }


    }
@media only screen and (min-width: 90.063em) and (max-width: 120em) { /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

    #content .latestnews .title h2{
        text-align: center;
          line-height: 2.4rem;
          margin-top: 30px;
    }
    .latestnews .title, .latestnews .content{
        min-height: 190px;
    }


    }

@media only screen and (min-width: 120.063em) { /* min-width 1921px, xlarge screens */

    #content .latestnews .title h2{
        text-align: center;
         line-height: 2.4rem;
         margin-top: 30px;
    }
    .latestnews .title, .latestnews .content{
        min-height: 190px;
    }


}



    @media only screen and (max-width: 350px) { /* max-width 640px, mobile-only styles, use when QAing mobile issues */
    .smalltile {
        width: 100% !important;
        float: left;
    }
    .smalltile:nth-child(1) {
        margin-right: 0px;
        margin-bottom: 14px;
    }
    .smalltile:nth-child(2) {
        margin-left: 0px;
    }
    .hometiles .small-12.columns {
        _padding-bottom: 14px;
        padding-top: 0px;
    } 
    .largetile {
        height: 90px !important;
        margin-bottom: 7px;
    }
    .smalltile {
        height: 48px !important;
    }
    .smalltile.signup {
        height: 125px !important;
    }
    .freeform .title {
        font-size: 16px;
    }
    }
    
    @media only screen and (min-width: 390px) and (max-width: 410px) { /*  */

    .smalltile {
        width: 47.9% !important;
        float: left;
    }

    }
    
    @media only screen and (min-width: 411px) and (max-width: 450px) { /*  */

    .smalltile {
        width: 48% !important;
        float: left;
    }

    }
    
    @media only screen and (min-width: 451px) and (max-width: 479px) { /*  */

    .smalltile {
        width: 48.2% !important;
        float: left;
    }

    }
    
    @media only screen and (min-width: 480px) and (max-width: 498px) { /*  */

    .smalltile {
        width: 48.35% !important;
        float: left;
    }

    }
    
    @media only screen and (min-width: 499px) and (max-width: 519px) { /*  */

    .smalltile {
        width: 48.45% !important;
        float: left;
    }

    }
    
    @media only screen and (min-width: 520px) and (max-width: 560px) { /*  */

    .smalltile {
        width: 48.5% !important;
        float: left;
    }

    }
    @media only screen and (min-width: 560px) and (max-width: 585px) { /*  */

    .smalltile {
        width: 48.62% !important;
        float: left;
    }

    }
    
    @media only screen and (min-width: 586px) and (max-width: 604px) { /*  */

    .smalltile {
        width: 48.7% !important;
        float: left;
    }

    }
    
    @media only screen and (min-width: 605px) and (max-width: 634px) { /*  */

    .smalltile {
        width: 48.75% !important;
        float: left;
    }

    }
    
    @media only screen and (min-width: 635px) and (max-width: 640px) { /*  */

    .smalltile {
        width: 48.80% !important;
        float: left;
    }

    }
    
   @media only screen and (min-width: 641px) and (max-width: 770px) { /*  */


   
    ul.title-area {
       display: none !important;
    }
    .freeform input[type=submit] {
      font-size: 13px;
    }
   
    .latestnews .title, .latestnews .content{
        min-height: 270px;
    }
   
   
    }
    
    
    @media only screen and (max-width: 349px) { /*  */

    .hometiles .small-12.columns.smalltiles{
        padding-right: 7px !important;
        _background-color: #ccc;
    }
    .hometiles .smalltile.tile4{
        background-color: #E98D3A !important;
    }
    
    } 
	
@media (min-width: 1300px) {
	.latestnews .right {
		padding: 50px;
	}
}