/*
 Theme Name:	Five Points Deli
 Theme URI:     http://fivepointsdeli.com/
 Description:   Custom theme built upon the SEOteric framework
 Author:        SEOteric
 Author URI:    http://www.seoteric.com
 Template:		SEOteric
 Version:       2.0.0
*/


@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Pacifico');


/*////////////////////////////////////////////////
GENERAL STYLES
///////////////////////////////////////////////*/

html, body, body div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, section, time, mark, audio, video, details, summary, .topNav a[href^="tel"], footer a[href^="tel"],#content .su-spoiler-style-default > .su-spoiler-title {
	font-family: 'Raleway', sans-serif;
}
strong {
	font-weight:800;
}
.panel {
	background-color: #FFF;
}
.gray,
.panel.gray {
	background: #f8f8f8;
}
.spacer {
	margin:0px;
	padding:60px 0;
}
a {
    color: #D04212;
    border-bottom: 1px solid transparent;
}
a:hover {
    border-bottom: 1px solid;
}

a.read-more {
	display:table;
	color:#FFF;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:500 ;
    clear: both;
    margin-top: 30px;
}
.btn.small, .older a, .newer a,
.btn, .readmore a, a.read-more, .su-button.btn, 
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit],
.contact .gform_wrapper .gform_footer input.button, 
.contact .gform_wrapper .gform_footer input[type=submit], 
.contact .gform_wrapper .gform_page_footer input.button, 
.contact .gform_wrapper .gform_page_footer input[type=submit] {
	background-color: #ef5a28;
	font-family: 'Montserrat', sans-serif;
	border-radius:5px;
	font-size: 14px;
	font-weight: 600;
	padding:15px 45px;
	border: solid 1px transparent;
	color: #fff;
	letter-spacing: 1px;
    margin-top: 20px;
    text-transform: uppercase;
}

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit],
.contact .gform_wrapper .gform_footer input.button, 
.contact .gform_wrapper .gform_footer input[type=submit], 
.contact .gform_wrapper .gform_page_footer input.button, 
.contact .gform_wrapper .gform_page_footer input[type=submit]{
	width: -webkit-fill-available; }

.btn.small:hover, .older a:hover, .newer a:hover,
.btn:hover, .readmore a:hover, .su-button.btn:hover, 
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:hover,
.contact .gform_wrapper .gform_footer input.button:hover, 
.contact .gform_wrapper .gform_footer input[type=submit]:hover, 
.contact .gform_wrapper .gform_page_footer input.button:hover, 
.contact .gform_wrapper .gform_page_footer input[type=submit]:hover,
a.read-more:hover {
	border: solid 1px transparent;
	background-color: #ef5a28;
	color:#fff;
    box-shadow: 0 4px 8px 0 rgba(4, 3, 19, 0.09);
}
a.readmore {
	text-transform:uppercase;
}
a.readmore:after {
	font-family:'FontAwesome';
	content:'\f061';
}
.btn.small {
    font-size: 11px;
    padding: 10px 20px;
    text-transform: uppercase;
}
.btn.white {
	background-color: #ffffff ;
	border-color: #E2E2E0;
	color:	#444435;
}
.btn.white:hover {
	background-color: #444435 ;
	border: solid 1px #E2E2E0;
	color:#FFF;
}
.btn.white.outline {
	background-color:#444435;
	border-color: #FFF;
	color:#FFF;
}
.btn.white.outline:hover {
	background-color: #ffffff;
	border: solid 1px #FFF;
	color:#151502;
}
.btn.center {
	display:table;
	margin:0 auto;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-size: 56px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: -0.1px;
    color: #105423;
}


h2 {
  font-size: 48px;
  line-height: 1.13;
}
h3 {
  font-size: 32px;
  line-height: 1.38;
}
h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
}
footer h4 {
 color: #18c2c5;
}
footer h4,
h5 {
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
    text-transform: uppercase;
}
h6{
  font-size: 11px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 0.8px;
text-transform: uppercase;}
  
p, ul li {
  font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #105423;
    margin-bottom: 20px;
}
p.large {
  font-size: 18px;
  line-height: 1.5;
}
p.small {
  font-size: 14px;
  line-height: 1.43;
}
p.tiny {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: -0.1px;
  color: #4a4955;
}

footer {
	 background: radial-gradient(circle at 48% 42%, #076324, #023D1D);
    padding-top: 0px;
}
.copy {
   background: #023D1D;
}

/*////////////////////////////////////////////
	SIDEBAR STYLES
////////////////////////////////////////////*/	

	
	#sidebar blockquote {
		margin: 20px 10px 40px;
		padding: 20px 32px 1px 25px;
		background:rgba(255,255,255,0.7);
	}
	#sidebar ul {        
		font-size:16px;
		background:none;
		margin:0 0 40px;
		padding:0;
	}
	
	#sidebar ul li {
		padding: 15px;
		border-bottom:1px solid rgba(94,87,79,0.24);
		border-top:1px solid #FFF;
        margin-left: 0;
        font-size: 18px;
	}
	#sidebar ul ul {
		padding:0;
		margin:0;
	}
	#sidebar li li {
		border-bottom:none;
		border-top:none;
		padding:5px 0;
        margin-left: 5px;
        list-style-type: none;
        font-size: 16px;
	}
	#sidebar li li:before {
    content: "• ";
    color: #ccc; 
        font-size: 18px;
        display: contents;
    }
	#sidebar ul.socials {
		margin-bottom:10px;
		background:none;
		text-align:left;
	}
	
	#sidebar ul.socials li {
		font-size:30px;
	}
	#sidebar ul.socials li a {
		width:45px;
		height:45px;
	}
    #sidebar ul.socials li a:hover {
        text-decoration: none;
    }
	#sidebar ul.socials li a i {
		padding-top: 14px;
	}
    #sidebar li a {
        color: #ef5a28;
    }
	#sidebar li.current_page_item,
    #sidebar li.current_page_item a,
    #sidebar li ul.sub-menu li.current_menu_item a{
        color: #167ea7 !important;
        background: #FFF;
        font-weight: bold;
    }
	#sidebar li ul.sub-menu a {
        color: #141360;
        font-weight: 500;
/*		color: #FFF;
		text-shadow: none;*/
	}
	#sidebar .su-service-title {
		font-size: 28px;
		
		padding-left: 65px;
		margin-bottom:0;
	}
	#sidebar .su-service-content {
		padding-left:20px;
	}
	
	#sidebar ul.catMenu li.categories {
		font-size: 24px;
		padding: 10px 10px 0 10px;
		background: #141360;
		color: #FFF;
		text-shadow: none;
		border-bottom:none;
	}
	#sidebar ul.catMenu li {
		list-style-type:none;
		background:#FDFDFC;
		padding: 15px;
		border-bottom:1px solid rgba(94,87,79,0.24);
		border-top:1px solid #FFF;
	}
	#sidebar ul.catMenu ul {
		margin: 10px -10px 0;
		padding: 0;
		margin-bottom: 0;
		}
	


/*////////////////////////////////////////////
HEADER STYLES
////////////////////////////////////////////*/
header, header.sticky {
/*	background:#FFF;
	box-shadow: 0 1px 2px 0 rgba(21, 21, 2, 0.24);
	height: 104px;*/
}
header.sticky {
    background: #141360;
    height: 116px;
}
header img.custom-logo {
    top: -15px;
}


header.sticky img.custom-logo {
    top: -5px;
}
#page-banner {
    height: auto;
    padding-top: 0;
}
#page-banner .container {
    max-width: inherit;
    padding: 0;
}
#page-banner .info {
    float: none;
    background: rgba(4, 3, 19, 0.5);
    padding: 10px;
    text-align: center;
    display: block;
    margin: 0;
    padding: 12%;
    max-width: 100%;
}
#page-banner.noImage {
    background-image: url(images/no-banner.jpg);
}

	


/*HOME CLIENT LOGOS*/
ul.logos {
	display:block;
	margin:0;
	padding:0;
	border:none;
	text-align:center;
}
ul.logos li {
    box-sizing: border-box;
    margin: 25px 0px;
    width: 33%;
    padding: 0 15px;
    display: inline-block;
}
ul.logos li img {
	vertical-align: -webkit-baseline-middle;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
ul.logos li img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

footer h6,
footer p,
footer li,
.copy p {
	color: #9b9aa1;
}

footer a {
	color: #f0cd02;;
}

footer li a {
    color: #FFF;
}

.flex-direction-nav .flex-prev {
    left: 0;
}
.flex-direction-nav .flex-next {
    right: 0;
}


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


}


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

}


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

}

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


}





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


}

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

    header img.custom-logo {
        top: -55px;
        max-width: 200px;
    }
    
    
    header.sticky img.custom-logo {
        top: -25px;
    }
    
    .home #slider {
        min-height: 500px;
    }
    
    .home #slider .slides li {
        min-height: 500px
    }

    .home #slider h1 {
        font-size: 54px;
    }
    
     .panel.cream .twenty {
        margin: 30px 7.5%;
        width: 35%;
         float: left;
    }
    .flex-direction-nav a:before {
    padding-left: 8px;
}

}

@media only screen and (max-width: 600px) {
    
 header img.custom-logo {
        top: -60px;
        max-width: 220px;
    }
    
    
    header.sticky img.custom-logo {
        top: -80px;
    }
    
    .home #slider {
        min-height: 500px;
    }
    
    .home #slider .slides li {
        min-height: 500px
    }

    .home #slider h1 {
        font-size: 10vw;
    }
    
     .panel.cream .twenty {
        margin: 30px 7.5%;
        width: 35%;
         float: left;
    }
    
    
    
}

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


}


@media only screen and (max-width: 479px) {
    
    .topNav {
        margin-top: -20px;
    }
    
    header img.custom-logo {
        top: -20px;
    }
    
    header.sticky img.custom-logo {
        top: -5px;
    }
    

    .home #slider h1 {
        font-size: 48px;
    }

    .home #slider {
        min-height: 500px;
    }
    
    .home #slider .slides li {
        min-height: 500px
    }
    
    h2 {
        font-size: 38px !important;
    }

    .panel.whitefloor p {
        font-size: 18px;
    }

    .panel.cream .twenty {
        margin: 30px auto;
        width: 60%;
        float: none;
    }
    
    .panel.kroger .eighty {
        width: 80%;
        box-sizing: border-box;
    }
    .panel.kroger p {
        font-size: 28px;
    }
}


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




    
}