/*!
Theme Name: Restaurant Theme 22
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: restaurant-theme-22
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Restaurant Theme 22 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}




/*=====================================================*/
/*=====================================================*/
/*=====================================================*/
/*=====================================================*/
/*=====================================================*/
/*=================                        ============*/
/*=================  Custom Theme Styles   ============*/
/*=================                         ===========*/
/*=====================================================*/
/*=====================================================*/
/*=====================================================*/

/*


font-family: "ff-prater-serif-web", serif;
font-weight: 700;
font-style: normal;

font-family: "ff-prater-serif-web", serif;
font-weight: 400;
font-style: normal;
\

Raleway Light
font-family: "raleway", sans-serif;
font-weight: 300;
font-style: normal;
Raleway Regular
font-family: "raleway", sans-serif;
font-weight: 400;
font-style: normal;
Raleway Italic
font-family: "raleway", sans-serif;
font-weight: 400;
font-style: italic;
Raleway Medium
font-family: "raleway", sans-serif;
font-weight: 500;
font-style: normal;
Raleway SemiBold
font-family: "raleway", sans-serif;
font-weight: 600;
font-style: normal;
Raleway Bold
font-family: "raleway", sans-serif;
font-weight: 700;
font-style: normal;

*/

.logged-in .fixed-top {
  top: 32px;
}





html,
body {
  /*overflow-x: hidden;*/   /* Prevent scroll on narrow devices */
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body{
	font-family: "raleway", sans-serif;
	font-weight: 400;
	font-style: normal;	
	font-style: 20px;
	color: #2a2a2a;
}

h1,h2,h3,h4,h5,h6{
	font-family: "ff-prater-serif-web", serif;
	font-weight: 700;
	font-style: normal;
}



h1,h2,h3,h4,h5,h6,p,li{
	overflow-wrap: normal;
}

.btn{
	font-family: "ff-prater-serif-web", serif;
	font-weight: 700;
	font-style: normal;
}

p, .p, li{
	font-family: "raleway", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
}

p .xl, .pxl{
  font-size: 24px !important;
}
p.small, .small p, p .small, p small{
  font-size: 16px !important;
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.container{
		padding-left: 20px;
		padding-right: 20px;
	}

}

.heading1{
	font-size: 66px;
	font-style: normal;

}

.heading2{
	font-size: 48px;
	font-style: normal;

}

.heading3{
	font-size: 36px;
	font-style: normal;

}

.heading4{
	font-size: 28px;
	font-style: normal;

}

.heading5{
	font-size: 24px;
	font-style: normal;

}

.heading6{
	font-size: 20px;
	font-style: normal;
  
}



.hero .heading1{

  letter-spacing: 0px;
  font-size: 80px;
  line-height: 80px;

}

.hero .heading2{

  letter-spacing: 0px;
  font-weight: 300;
  font-size: 120px;
  line-height: 120px;
}

.hero .heading3{
	font-size: 40px;
	font-style: normal;

  line-height: 150%;
}
.hero .heading3.bold{
	font-weight: 800;
}

.hero .heading4{
	font-size: 32px;
	font-style: normal;

}

.hero .heading5{
	font-size: 22px;
}
.hero .heading4.bold{
	font-weight: 800;
}

.txt-sm, .txt-small{
	font-size: 16px;
}

.txt-large, .txt-large p{
	font-size: 24px;
	font-weight: 300;
	line-height: 42px;
}
.x-bold{
	font-weight: 900 !important;
}



/* =====           section   ========  */

@media (max-width: 1399px) {

	.hero .heading1{
		font-size: 70px;
		line-height: 70px;
	}

	.hero .heading2{
		font-size: 110px;
		line-height: 110px;
	}

	.hero .heading3{
		font-size: 40px;
		line-height: auto;
	}

	.hero .heading4{
		font-size: 32px;
		line-height: auto;
	}

}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1299.98px) {

	.heading1{
		font-size: 50px;
		line-height: 50px;
	}

	.heading2{
		font-size: 40px;
		line-height: auto;
	}

	.heading3{
		font-size: 34px;
		line-height: auto;
	}

	.heading4{
		font-size: 28px;
		line-height: auto;
	}

	.heading5{
		font-size: 24px;
		line-height: auto;
	}

	.heading6{
		font-size: 20px;
		line-height: auto;
	}

	.hero .heading1{
		font-size: 60px;
		line-height: 60px;
	}

	.hero .heading2{
		font-size: 80px;
		line-height: auto;
	}

	.hero .heading3{
		font-size: 32px;
		line-height: auto;
	}

	.hero .heading4{
		font-size: 32px;
		line-height: auto;
	}
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

	.heading1{
		font-size: 50px;
		line-height: 50px;
	}

	.heading2{
		font-size: 40px;
		line-height: auto;
	}

	.heading3{
		font-size: 34px;
		line-height: auto;
	}

	.heading4{
		font-size: 28px;
		line-height: auto;
	}

	.heading5{
		font-size: 24px;
		line-height: auto;
	}

	.heading6{
		font-size: 20px;
		line-height: auto;
	}

	.hero .heading1{
		font-size: 60px;
		line-height: 60px;
	}

	.hero .heading2{
		font-size: 80px;
		line-height: auto;
	}

	.hero .heading3{
		font-size: 32px;
		line-height: auto;
	}

	.hero .heading4{
		font-size: 32px;
		line-height: auto;
	}
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

	.heading1{
		font-size: 40px;
		line-height: auto;
	}

	.heading2{
		font-size: 32px;
		line-height: auto;
	}

	.heading3{
		font-size: 28px;
		line-height: auto;
	}

	.heading4{
		font-size: 24px;
		line-height: auto;
	}

	.heading5{
		font-size: 20px;
		line-height: auto;
	}

	.heading6{
		font-size: 18x;
		line-height: auto;
	}

	.hero .heading1{
		font-size: 40px;
		line-height: 40px;
	}

	.hero .heading2{
		font-size: 30px;
		line-height: 30px;
	}

	.hero .heading3{
		font-size: 28px;
		line-height: auto;
	}

	.hero .heading4{
		font-size: 26px;
		line-height: auto;
	}
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.txt-large, .txt-large p {
		font-size: 28px;
		line-height: 32px;
	}

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	.hero .heading1{
		font-size: 32px;
		line-height: 36px;
	}

	.hero .heading2{
		font-size: 26px;
		line-height: 30px;
	}
	.hero .heading3{
		font-size: 26px;
		line-height: 40px;
	}
	.txt-large, .txt-large p {
		font-size: 22px;
		line-height: 28px;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 400px) {

	.hero .heading1{
		font-size: 28px;
		line-height: 30px;
	}

	.hero .heading2{
		font-size: 24px;
		line-height: 24px;
	}
	.hero .heading3{
		font-size: 24px;
		line-height: 24px;
	}
	.txt-large, .txt-large p {
		font-size: 22px;
		line-height: 28px;
	}
}

.fw1{
	font-weight: 100 !important;
}
.fw2{
	font-weight: 200 !important;
}
.fw3{
	font-weight: 300 !important;
}
.fw4{
	font-weight: 400 !important;
}
.fw5{
	font-weight: 500 !important;
}
.fw6{
	font-weight: 600 !important;
}
.fw7{
	font-weight: 700 !important;
}
.fw8{
	font-weight: 800 !important;
}
.fw9{
	font-weight: 900 !important;
}

.w-100{
	width: 100%;
}
/*colors*/

.white, .white a{
	color: #fff !important;
}
.white a:hover{
	color:#621011 !important;
}
.black{
	color: #000 !important;
}
.gray{
	color: #545454 !important;
}
.theme{
	color:#a91f22 !important;
}
.theme a:hover{
	color: #f7b616 !important;
}

.purple{
	color: #A33ABA;
}
.bgPurple{
	background-color: #A33ABA;
}

.purpleDark{
	color: #5C0C6E;
}
.bgPurpleDark{
	background-color: #5C0C6E;
}

/*.theme-glow{
  background-color: #88bb21;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: sans-serif;
  text-align: center;
  text-decoration: none;

}*/
@keyframes glowing {
  0% {
    
    text-shadow: 0 0 1px #88bb21;
  }
  50% {
   
    text-shadow: 0 0 3px #96d120;
  }
  100% {
    
    text-shadow: 0 0 6px #88bb21;
  }
}
.theme-glow {
  animation: glowing 3000ms infinite;
}

.accent, .accent a{
	color: #f7b616 !important;
}
.accent a:hover{
	color:#f9d06d !important;
}

.border-accent{
	border:2px solid #f7b616;
}

.yellow{
	color: #f7b616 !important;
}

.dark{
    color: #494949 !important;
}

.fire {
	color: #f16521 !important;
}


.swiper-button-next, .swiper-button-prev{
	color:#88bb21 ;
}

.text-gradient{
	background: -webkit-linear-gradient(top,#8dc63f 0%,#547100 60%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-shadow-dark{
	text-shadow: 0px 0px 4px #000;
}
.text-shadow-light{
	text-shadow: 0px 0px 4px #fff
}

.img-circle{
	border-radius: 50%;
}

a{
  color:#621011 ;
  text-decoration: none;
}

a.hoverPurple:hover{
	color: #A33ABA !important;
}

a.hoverGreen:hover{
	color: #a91f22 !important;
}

.menu-item {
	font-weight: 800;
}
.menu-item a{
	color: #621011;
}

.menu-item a:hover{
	color: #f7b616;
}


ul.arrow li:before {    
  font-family: 'FontAwesome';
  content: '\f138';
  color: #8dc63f;
  margin-right: 10px;
}

.btn{
	text-transform: uppercase;
	border-radius: 0;
}

.btn-lg{
	padding-left: 40px !important;
	padding-right: 40px !important;
	padding-top: 20px;
	padding-bottom: 20px;
}

.btn-theme {
	color: #ffffff !important;
	background-color: #a91f22;
	border-color: #a91f22;
	border-radius: 0;
}


.bg-theme{
	background:#a91f22;
}

.bg-accent{
	background:#f7b616 !important;
}

.bg-yellow{
	background:#f7b616 !important;
}
.bg-light{
	background-color: #f0efef !important;
}

.bg-dark{
	background-color: #181919;
}
.bg-theme-dark{
	background: linear-gradient(180deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.8) 86%, rgba(0,0,0,.85) 100%), url('/wp-content/themes/restaurant-theme-22/assets/img/bowls-transparent-50.png') !important; 
    background-size: cover; 
    background-position: center center;
    background-repeat:no-repeat;
}

.bg-theme-light{
  background: linear-gradient(180deg, rgba(130, 188, 10,.92) 0%, rgba(130, 188, 10,.92) 86%, rgba(130, 188, 10,.92) 100%), url('/wp-content/themes/restaurant-theme-22/assets/img/bowls-transparent-50.png') !important; 
	background-size: cover; 
	background-position: center center;
	background-repeat:no-repeat;
}

.bg-theme-accent{
  background: linear-gradient(180deg, rgba(254, 231, 0,.92) 0%, rgba(254, 231, 0,.92) 86%, rgba(254, 231, 0,.92) 100%), url('/wp-content/themes/restaurant-theme-22/assets/img/bowls-transparent-50.png') !important; 
	background-size: cover; 
	background-position: center center;
	background-repeat:no-repeat;
}

.bg-trans-light{
	background-color: rgba(255, 255, 255,.2);
}

.full-width-bg{
  background: linear-gradient(180deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.9) 86%, rgba(0,0,0,.9) 100%), url('/wp-content/themes/restaurant-theme-22/assets/img/bowls-transparent-50.png'); 
  background-size: cover; 
  background-position: center center;
  background-repeat:no-repeat !important;
  background-size: cover !important;
  
}

.bg-none{
  background: #fff !important;
}


.btn-theme{
	background-color:#a91f22;
	color: #fff !important;
}

.btn-theme:hover{
	background-color:#621011;
	color: #fff;
}


.btn-accent{
	background-color: #f7b616 !important;
	color: #fff !important;
}

.btn-accent: hover{
	background-color:#a91f22;
	color: #000 !important;
}

.bg-theme-light .btn-theme{
	background-color:#4d4d4d;
	color: #fff;
}
.bg-theme-light .btn-theme:hover{
	background-color:#909090;
	color: #fff;
}



.btn-light:hover{
  background-color:#daf7a1;
  color: #000;
}

 .btn-gray {
	background-color: #bfbfbf !important;
	color: #fff !important;
	border: none;
}
 .btn-gray:hover{
	background-color: #949494 !important;
	color: #fff !important;
	border: none;
}

.btn-purple{
	background-color: #A33ABA;
	color: #fff !important;
	border: none;
}

.btn-purple:hover{
	background-color: #5C0C6E;
	color: #fff !important;
	border: none;
}

.btn-purpleDark{
	background-color: #5C0C6E;
	color: #fff !important;
	border: none;
}

.btn-purpleDark:hover{
	background-color: #A33ABA;
	color: #fff !important;
	border: none;
}



.overflowHidden{
    overflow: hidden;
}
.relative{
  position: relative;
}


.brush-top{
  position:absolute;
  top:-1px; 
  left:-5px;
  right:-5px;
  width:110%;
  z-index: 999 !important;
}

.brush-bottom{
  position:absolute;
  bottom:-1px; 
  left:-5px;
  right:-5px;
  width:110%;
  z-index: 999 !important;
}

.brush-top.short,.brush-bottom.short{
	height: 30px;
}

.border-brush{
	/*border: 50px solid !important;
	border-image-source: url(/wp-content/themes/restaurant-theme-22/assets/img/borders/border-brush.svg) !important;
	width: 100% !important;
	height: 100% !important;
	border-image-slice: 170; */
}


.z{
	z-index: 99999999 !important;
}
.z1{
	z-index: 999999999 !important;
}
.z2{
	z-index: 9999999999x !important;
}
.margin-1{
	margin-top: 100px;
	margin-bottom: 100px;
}

.padding-1{
	padding-top: 100px;
	padding-bottom: 100px;
}

.margin-2{
	margin-top: 200px;
	margin-bottom: 200px;
}

.padding-2{
	padding-top: 200px;
	padding-bottom: 200px;
}

.uc{
	text-transform: uppercase;
}

.bold{
	font-weight: 900 !important;
}
.theme_icon{
  width: 80px;
  margin-bottom: 10px;
}


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.hidden-sm{
		display: none !important;
	}
	.text-center-sm{
		text-align: center !important;
	}

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	.hidden-xs{
		display: none !important;
	}
	.text-center-m{
		text-align: center !important;
	}
	.margin-1{
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.padding-1{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.margin-2{
		margin-top: 100px;
		margin-bottom: 100px;
	}

	.padding-2{
		padding-top: 100px;
		padding-bottom: 100px;
	}

}



/* =====   header/nav section   ========  */
.fixed-top{
	z-index: 9999999999999;
}
#mainHeader{
	padding-left: 3%;
	padding-right: 3%;
	/*height: 90px;*/
	background-color: #fff;
}
#mainHeader .logo{
	width: 160px;
}
#mainHeader .nav li{
	font-size: 20px;
}

.pageTop{
	margin-top: 80px;
}

@media (min-width: 1600px) {
	#mainHeader{
		padding-left: 5%;
		padding-right: 5%;
	}
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	
	#mainHeader .logo{
		width: 120px;
	}
	#mainHeader .nav li{
		font-size: 18px;
		display: block;
		width: 100%;
	}
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	#mainHeader{
		/*height: 187px;*/
	}
	.pageTop{
	/*	margin-top: 170px;*/
	}
	#mainHeader .logo{
		width: 90px;
	}
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}




/* =====  falling leaves section   ========  */

.falling-leaves-section{
	height: 800px;
	position: relative;
	z-index: 9;
}

.falling-leaves{
	height:100%;
	width:100%;
  position:absolute ;  
/*	background:radial-gradient(#020202,#000);*/
	overflow: hidden;
}


.leaf{
    position:absolute ;
    width:100%;
    height:100%;
    top:0;
    left:0;
	  opacity:100%;
}
.leaf div{
position:absolute ;
display:block ;
}
.leaf div:nth-child(1){
    left:5%; 
    animation:fall 10s linear infinite ;
    animation-delay:-2s;

}
.leaf div:nth-child(2){
    left:50%; 
    animation:fall-fast 15s linear infinite ;
    animation-delay:-4s;
}
.leaf div:nth-child(3){
    left:80%; 
    animation:fall-slow 24s linear infinite ;
    animation-delay:-7s;
	 transform:translateX (30px) rotate(0deg);
    
}
.leaf div:nth-child(4){
    left:50%; 
   animation:fall-fast 18s linear infinite ; 
   animation-delay:-5s;
}
.leaf div:nth-child(5){
    left:85%; 
    animation:fall 14s linear infinite ;
    animation-delay:-5s;
}
.leaf div:nth-child(6){
    left:15%; 
    animation:fall-fast 16s linear infinite ;
    animation-delay:-10s;
}
.leaf div:nth-child(7){
    left:90%; 
    animation:fall-slow 24s linear infinite ;
    animation-delay:-4s;
}

@keyframes fall{
    0%{
        opacity:1;
        top:-10%;
        transform:translateX (33px) rotate(0deg);
    }
    20%{
        opacity:0.8;
        transform:translateX (-20px) rotate(45deg);
    }
    40%{

        transform:translateX (-20px) rotate(90deg);
    }
    60%{
        
       transform:translateX (-50px) rotate(135deg); 
    }
    80%{
    
        transform:translateX (-20px) rotate(180deg);
    }
    100%{
        
        top:110%;
        transform:translateX (-20px) rotate(225deg);
    }
}
@keyframes fall-fast{
    0%{
        opacity:1;
        top:-10%;
        transform:translateX (33px) rotate(0deg);
    }
    30%{
        opacity:0.8;
        transform:translateX (-20px) rotate(45deg);
    }
    50%{

        transform:translateX (-20px) rotate(90deg);
    }
    60%{
        
       transform:translateX (-50px) rotate(135deg); 
    }
    90%{
    
        transform:translateX (-20px) rotate(180deg);
    }
    100%{
        
        top:110%;
        transform:translateX (-20px) rotate(225deg);
    }
}

@keyframes fall-slow{
    0%{
        opacity:1;
        top:-10%;
        transform:translateX (33px) rotate(0deg);
    }
    10%{
        opacity:0.8;
        transform:translateX (-10px) rotate(45deg);
    }
    30%{

        transform:translateX (-20px) rotate(90deg);
    }
    40%{
        
       transform:translateX (-30px) rotate(135deg); 
    }
    80%{
    
        transform:translateX (-40px) rotate(180deg);
    }
    100%{
        
        top:110%;
        transform:translateX (-20px) rotate(225deg);
    }
}
.leaf1{
    transform: rotateX(180deg);
}
.leaf2{
   left:250px;
}
.leaf3{
   left:130px;
	 top:50px;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

.falling-leaves-section{
	height: 500px;
}

.falling-leaves-section.meeting{
	height: 1200px;
}

.falling-leaves{
	padding-top: 60px;
}

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

.falling-leaves-section{
	height: 600px;
}
.falling-leaves-section.meeting{
	height: 1200px;
}


}







/* ===========================================  */
/* =====   Titles w background text   ========  */
/* ===========================================  */

 .title {
 	font-family: ff-prater-serif-web,serif !important;
  font-size: 80px;
  font-size: 5vw; /* just for testing*/
  display: flex;
  align-items: center;
  font-weight: normal;
  margin: 0 auto 0.5rem;
  position: relative;
  max-width: 1280px;
  white-space: nowrap;
  overflow: hidden;
}
.title b:after {
  content: attr(data-text);
  font-size: 250px;
  font-size: 15vw; /* just for testing*/
  text-align: center;
  white-space: nowrap;
  color: #000;
  opacity: 0.1;
}
.title span {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  bottom: 0;
  align-items: center;
}
.title span:before {
  content: "";
  max-width: 15%;
  flex: 1 0 0;
  height: 2%;
  background: #a91f22;
  padding-right: 20px;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/* =====   section   ========  */

.products_section{
  position: relative;
}
.products_section .product img{
  padding: 5% 10%;
}
.products_section .product{
  margin-bottom: 40px;
}


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}



/* =====  Left Right section   ========  */

.left_right_boxes .bgImage{
  padding:200px 0px;
  background: rgb(105,196,214);
  background: url('');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;

}

.left_right_boxes .content_box{
  padding:80px 0px;
}


.additional .left_right_boxes h2, .about .left_right_boxes h2{
  font-weight: 600;
}
.left_right_boxes .content-padding{
/*  padding: 10%;
  padding-top:200px;
  padding-bottom:200px;*/
}


/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1499px) {
  .left_right_boxes .content-padding{
    /*padding: 6%;*/
  }
}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .left_right_boxes .content-padding{
   /* padding: 4%;*/
  }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .left_right_boxes .bgImage{
    background: none !important;
    padding:0px;
  }
  .left_right_boxes .content-padding{
/*    padding: 3%;*/
  }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .left_right_boxes .content-padding{
/*    padding: 2%;*/
  }

}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .left_right_boxes .content-padding{
/*    padding: 10%;*/
  }
  .left_right_boxes .content_box{
    padding: 10%;
  }
}

@media (min-width: 992px){
  .left_right_boxes.image-right .bgImage{
    -ms-flex-order: 2 !important;
    order: 2!important;
  }
  .left_right_boxes.image-right .content_box{
    -ms-flex-order: 1!important;
    order: 1 !important;
  }

}



.left_right_boxes .bgImage{
  padding:200px 0px;
  background: rgb(105,196,214);
  background: url('');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;

}

.left_right_boxes .content_box{
/*  padding:80px 0px;*/
}


.additional .left_right_boxes h2, .about .left_right_boxes h2{
  font-weight: 600;
}
.left_right_boxes .content-padding, .left_right_boxes .content-padding200{
  padding: 10% !important;
  padding-top:200px !important;
  padding-bottom:200px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding190{
  padding: 10% !important;
  padding-top:190px !important;
  padding-bottom:190px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding180{
  padding: 10% !important;
  padding-top:180px !important;
  padding-bottom:180px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding170{
  padding: 10% !important;
  padding-top:170px !important;
  padding-bottom:170px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding160{
  padding: 10% !important;
  padding-top:160px !important;
  padding-bottom:160px !important;
}


.left_right_boxes .content-padding150{
  padding: 10% !important;
  padding-top:150px !important;
  padding-bottom:150px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding140{
  padding: 10% !important;
  padding-top:140px !important;
  padding-bottom:140px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding130{
  padding: 10% !important;
  padding-top:130px !important;
  padding-bottom:130px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding120{
  padding: 10% !important;
  padding-top:120px !important;
  padding-bottom:120px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding110{
  padding: 10% !important;
  padding-top:110px !important;
  padding-bottom:110px !important;
}

.left_right_boxes .content-padding100{
  padding: 10% !important;
  padding-top:100px !important;
  padding-bottom:100px !important;
}

.left_right_boxes .content-padding50{
  padding: 10% !important;
  padding-top:50px !important;
  padding-bottom:50px !important;
}

.left_right_boxes .content-padding25{
  padding: 10% !important;
  padding-top:25px !important;
  padding-bottom:25px !important;
}

.left_right_boxes .content-padding0{
  padding: 10% !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
}




/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1499px) {
  .left_right_boxes .content-padding{
    /*padding: 6%;*/
  }
}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .left_right_boxes .content-padding{
   /* padding: 4%;*/
  }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .left_right_boxes .bgImage{
    
    background: none !important;
    padding:0px;
  }
  .left_right_boxes .content-padding, 
  .left_right_boxes .content-padding200, 
  .left_right_boxes .content-padding150, 
  .left_right_boxes .content-padding100, 
  .left_right_boxes .content-padding50, 
  .left_right_boxes .content-padding25, 
  .left_right_boxes .content-padding0{
    padding: 3% !important;
  }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .left_right_boxes .content-padding, 
  .left_right_boxes .content-padding200, 
  .left_right_boxes .content-padding150, 
  .left_right_boxes .content-padding100, 
  .left_right_boxes .content-padding50, 
  .left_right_boxes .content-padding25, 
  .left_right_boxes .content-padding0{
    padding: 2% !important;
  }

}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .left_right_boxes .content-padding, 
  .left_right_boxes .content-padding200, 
  .left_right_boxes .content-padding150, 
  .left_right_boxes .content-padding100, 
  .left_right_boxes .content-padding50, 
  .left_right_boxes .content-padding25, 
  .left_right_boxes .content-padding0{
    padding: 10% !important;
    padding-top: 16% !important;
  }
  .left_right_boxes .content_box{
    padding: 10% !important;
    padding-top: 16% !important;
  }
}

@media (min-width: 992px){
  .left_right_boxes.image-right .bgImage{
    -ms-flex-order: 2 !important;
    order: 2!important;
  }
  .left_right_boxes.image-right .content_box{
    -ms-flex-order: 1!important;
    order: 1 !important;
  }

}




/* =====   why_block section   ========  */

  .why_block{
    padding:200px 0px;
  }

  .why_block .difference_block  {
   text-align: center;
  }

  .why_block .why_block h2{
    margin-bottom: 40px;
  }
  .why_block .difference_block{
    text-align: center;
    padding:2%;
  }
  .why_block .difference_block h3{
    min-height: 60px;
    vertical-align: text-bottom;
  }
  .why_block .difference_block h4{
    font-size: 16px;
    font-weight: 400;
    min-height: 110px;
  }
  .why_block .difference_block img{
    height: 200px;
    width: 80%;
    object-fit: contain;
    margin-bottom: 20px;


}
  }


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .why_block{
    padding:100px 0px;
  }
  .why_block .difference_block{
    margin-bottom: 40px !important;
  }
  .why_block .difference_block{
    padding:0px 60px;
  }
  .why_block .difference_block h3{
    
    min-height: 0px;
   
  }
  .why_block .difference_block h4{
    min-height: 0px;
  }

}

@media (max-width: 480px) {
  
  .why_block .difference_block{
    padding:0px 20px;
  }
  

}




/* =====   Slanted divs section   ========  */

.slanted {
  margin: 2rem 0;
  padding-top: 40px;
  padding-bottom: 100px;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 0.3) 86%,
      rgba(255, 255, 255, 0.3) 100%
    ),
    url("assets/img/background-green.jpg");
  background-size: cover !important;
  background-position: center center;
  background-repeat: no-repeat !important;
  clip-path: polygon(0 0, 100% 0%, 100% 80%, 51% 100%, 0 80%);
}




@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}







/*   Locations section          */

.states{
	margin-top:60px;
	margin-bottom: 20px;
}
.states .state-btn{
	margin-bottom: 30px;
}

.state-title-block{
	padding-top:40px;
	padding-bottom: 40px;
}

.state-locations{
  margin-top:60px;
  margin-bottom: 20px;
}  
.location{
  /*border:2px solid #cacaca;*/
  /*background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 100%,#ffffff 100%);*/
  padding:20px;
  padding-top:40px;
  /*border-radius: 10px;*/
 /* margin-bottom: 40px;*/
}
.location-name-block{
  height:90px;



}

.location-name-block h3{
  text-align: center;
  margin-bottom: 20px;
  font-size: 36px;
  /*font-size: 26px;*/


  

}

.location .info{
  height:180px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.location address, .location .phone{
  font-size: 16px;
}
.location address{
  margin:0;
}
.location .phone {
  margin-top:6px;
}
.location .phone a{
  color:#621011 !important
}

.location i{
  margin-right:10px;
}
.location .hours h5{
  margin-top:3px;
}
.location .hours p{
	font-size: 14px;
	line-height: 1.5em;
	margin:0px;
	padding:0px;
}
.location .order-links{
  margin-top:20px;
  border-top:2px solid #cacaca;
  padding-top:20px;
  padding-bottom: 0px;
  height: 60px;
}
.location .chownow-order-online{
 text-transform: uppercase !important;
 font-weight: 900 !important;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){
	.states .state-btn .btn{
		font-size:14px;
	}
}

/* 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 : 576px){
	.location .order-links img{
	  height:40px;
	}
	.state-title-block{
		padding-top:20px;
		padding-bottom: 20px;
	}
	.state-title-block h1{
		margin:0;
		padding:0;
	}
	.state-locations{
	  margin-top:10px;
	}
	.location{
		padding-top:20px;
	}
	.location-name-block{
		height:80px;
	}
	.location-name-block h3{
		font-size: 30px;
	}
	.location .info{
		height:170px;
	}
	.location .order-links{
		height:40px;
		padding-top: 10px;
	}
	.location .order-links img{
		height:30px;
	}
	.location .hours p{
		font-size: 12px;
	}
	.location address, .location .phone{
		font-size: 14px;
	}
	.state-locations .carousel-control-prev-icon {
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
	}

	.state-locations .carousel-control-next-icon {
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='000000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
	}


}

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

}



/* ============================================ */
/* ============================================ */
/* ==========  New Location pages ============= */
/* ============================================ */
/* ============================================ */

.fishBg{
	background: url('/wp-content/themes/poke-signal-theme/assets/img/repeatable-fish-pattern.jpg') repeat-y top center;
    background-size: cover;
}



@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}






/* ===== Careers page - Job Application section   ========  */


/*bootstrap 4 form fix for bs5*/
.form-group {
  margin-bottom: 1rem;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col {
  padding-left: 5px;
  padding-right: 5px;
}

label {
  margin-bottom: 0.5rem;
}

.wpcf7-radio .wpcf7-list-item-label,.wpcf7-radio label{
	margin: 10px;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}







.blog-section .nav{

  margin-bottom: 60px;
}

.archive .blog-section{
	margin-top:60px;
}
.blog-section{
  margin-top:10px;
  margin-bottom: 100px;
}
.blog-section.single{
 
}
.blog-section article{
  margin-bottom:60px;
}
.post-thumbnail{
  margin-top:10px;
}
.news .post-thumbnail, .post-thumbnail img{
  width:100%;
  height:auto;
  margin-top: 2px;
  margin-bottom: 10px;
}

.news .entry-title{
  margin-bottom: 0px;
}
.news .entry-title, .news .entry-title a, article .entry-title a{
  font-size: 26px;
  color:#362920;
  text-decoration: none;
}
.news a:hover{
  color: #d0aa59 !important;
  text-decoration: none;
}
.news a, .entry-meta a, .entry-footer a{
  color: #d0aa59 !important;
}

.news .nav-links a, .entry-content a{
  color: #d0aa59 !important;

}

.entry-footer{
  background: #fff !important;
}
.entry-footer span{
  margin-right:20px;
}
.entry-footer .comments-link{
  display:block;
}
.entry-footer .comments-link a{
  color: #d0aa59 !important;
}

/*blog sidebar*/
.widget-title{
  font-size: 24px;
}

.blog-sidebar .widget {
  margin-bottom: 30px;

}
.blog-sidebar .widget ul{
  padding: 0;
  padding-left:10px;
    list-style-type: none;

}
.blog-sidebar .widget li{
  font-size: 18px;
  margin-bottom: 10px;
}
.blog-sidebar .widget li a{
  color: #d0aa59 !important;
}
.blog-sidebar .widget li a{
  color: #d0aa59 !important;
}
.blog-section .blog-sidebar{
  padding-left:50px;
}

#secondary{
  margin-top:80px;
}

#popup{
  overflow: hidden;
}
#popup h2{
  padding-top:20%;
}


.blog-sidebar .search-form {
  margin-bottom: 20px;

}

.blog-sidebar .search-form label{
  display: inline-block;
  width:60%;

}
.blog-sidebar .search-form .search-field{
  display: inline-block;
  width:100%;
  border-radius: 0px;
}

.blog-sidebar .search-form .search-submit{
  display: inline-block;
  width:38%;

}

.blog-sidebar .sb_instagram_header{
  display:none !important;
}



.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #d0aa59;
  border-color: #d0aa59;
}


  .page-link, .page-numbers {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
  }
  .page-numbers.current{
     color: #666 !important;
     font-weight: 600;
  }
  .page-numbers.dots{
    color: #666 !important;
  }




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

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
  .blog-section.single {
  margin-top: 40px;
  }
  .blog-section .blog-sidebar{
    padding-left:30px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
  .blog-section .blog-sidebar{
    padding-left:10px;
  }
}

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

}

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

}


  .newsFeedFooter{
    padding: 80px 0;
    background-color: rgba(152, 131, 92, 1);
  }


/* =====   section   ========  */



@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}





/* =====   section   ========  */



@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}





/* =====   section   ========  */



@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}





/* =====   section   ========  */



@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}





/* =====   section   ========  */



@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}