/*
 * Theme Name: ZoneStrap
 * Theme URI: http://www.topzonemedia.com/zonestrap
 * Author: TopZone Media Group
 * Author URI: http://www.topzonemedia.com
 * Description: A mobile-first, responsive WordPress theme by TopZone Media.
 * Version: 1.0
 * License: GNU General Public License v3 or later
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Tags: two-columns, right-sidebar
 * Text Domain: ZoneStrap
 */

/*
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License, version 2, as
 * published by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
 */

/* Mobile First CSS - look at responsive.css for the media queries */

/* This adds padding to accommodate for the TopZone Toolbar */
/* This adds padding to accommodate for the TopZone Toolbar */
@font-face {
  font-family: 'Go2OldWestern';
  src: url('fonts/Go2OldWestern.eot'); /* IE9 Compat Modes */
  src: url('fonts/Go2OldWestern.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Go2OldWestern.woff') format('woff'), /* Super Modern Browsers */
       url('fonts/Go2OldWestern.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Go2OldWestern.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Go2OldWestern.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Adieresis-Odieresis-Aring2';
  src: url('fonts/Adieresis-Odieresis-Aring2.eot'); /* IE9 Compat Modes */
  src: url('fonts/Adieresis-Odieresis-Aring2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Adieresis-Odieresis-Aring2.woff') format('woff'), /* Super Modern Browsers */
       url('fonts/Adieresis-Odieresis-Aring2.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Adieresis-Odieresis-Aring2.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Adieresis-Odieresis-Aring2.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body { padding-bottom: 56px; font-family: 'Open Sans', sans-serif; font-size: 1.4em; color: #4f4d4d; line-height: 1.4}
.alignright { float: right; margin: 0 0 1em 1em; max-width: 100%; height: 100%}
.alignleft { float: left; margin: 0 2em 1em 0; max-width: 100%; height: 100%}
.aligncenter { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: 100%}
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignnone.size-full{max-width: 100%; height: 100%}

h1, h2, h3, h4, h5, h6{color: #000; font-family: 'Open Sans', sans-serif;}
h4{margin-top: 30px;}
p{margin: 0 0 20px;}
.marginb70{margin-bottom: 70px}
.marginb50{margin-bottom: 50px}
.marginb20{margin-bottom: 20px}
.btn{ transition: all 0.3s ease; }
.btn-default{background: #69001f;color: #fff;font-size: 1.1em;padding: 9px 20px;border-radius: 0px;text-transform: uppercase;border: 0px;}
.btn-default:hover{background:#1C1C1C;transition: all 0.2 ease}

/**********************************************************
S O C I A L   S H A R I N G   C S S   S T Y L I N G
**********************************************************/
.single-post .social-sharing{padding:.5rem;-webkit-box-shadow:1px 1px 3px #2d2d2d;box-shadow:1px 1px 3px #2d2d2d;border-radius:3px;max-width:100%;text-align:center;margin-left:auto;margin-right:auto}
.single-post .social-sharing span.top{font-size:2.2rem;display:inline}
.single-post .social-sharing span.top:after{display:block;content:"";clear:both}
@media (min-width: 992px) {
.single-post .social-sharing{max-width:50%}
}

/* TopZone Toolbar */

#topbar{background: #1c1c1c;color: #8e8e8e;padding: 15px 0px;}
#topbar .address a{ color: #8e8e8e; text-decoration: none; }
#topbar .address i{color: #8e8e8e;font-size: 2em;position: absolute;left: -7px;top: -4px;}

#topbar .phone{list-style: none;display: inline-block;margin-bottom: 0px;padding-left: 0; position: relative;}
#topbar .phone a{color: #8e8e8e; text-decoration: none;}
#topbar .phone:before{content:""; position: absolute; border-left: 1px solid #606060; height: 35px;left: -45%;margin-top: -8px;}
#topbar .phone:after{content:""; position: absolute; border-left: 1px solid #606060; height: 35px;right: -22%;margin-top: -27px;}
#topbar .phone li{}
#topbar .phone li i{color: #8e8e8e;font-size: 2em;position: absolute;left: -28px;top: -2px;}

#topbar .social{display: inline-block;margin-bottom: 0px;}
#topbar .social li{display: inline-block;padding-right: 5px;}
#topbar .social li a{}
#topbar .social li a i{color: #8e8e8e;font-size: 1.175em;}

/* This puts the Primary Navigation in the TopZone Toolbar */

#primaryNavigation {bottom: 0; width: 100%; margin: 0; z-index: 999; left: 0;}
#header .logo{width: 100px}
#header .navbar-nav{text-align: center;}
#header .navbar-default{min-height: 45px; background: transparent;border: 0px;border-radius: 0px;}
#header .navbar-default .navbar-nav > li > a{
    padding-top: 13px; padding-bottom: 12px; color: #fff !important; text-transform: capitalize;
    padding-left: 15px; padding-right: 15px; font-size: 1.175em; transition: all 0.5s ease;}
#header .navbar-default .navbar-nav > li > a:hover{color: #fff !important}
#primaryNavigation .navbar-collapse, #socialDropup { position: absolute; bottom: 67px; width: 101%; background: #283890; border: none; text-align: center; border-bottom: 1px solid #fff}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background: transparent}
#primaryNavigation .dropdown-menu { text-align: center; }

.navBarsBtn {
  height: 5em;
  width: 100%;
  margin: 0px !important;
}
.navBarsBtn:hover, .navBarsBtn:focus { background: none; }
#navBars {font-size: 1.3em; }
#mobileIcons { height: 67px; line-height: 65px; width: 100%; }
#mobileIcons a {
	display: inline-block;
	color: #000;
}
#socialDropup a { font-size: 1.7em; color: #000; }
#socialDropup a .fa { margin: 1em 0.7em; color: #000}
#mobileIcons a:hover, #mobileIcons a:focus { text-decoration: none; color: #000; }
#scroll {
	position:fixed;
	right:50px;
	bottom:50px;
	cursor:pointer;
	width:45px;
	height:45px;
	border-radius: 150px;
	background-color:#5d000d;
	display:none;
	transition: all 0.3s ease;
	z-index: 1;
}
#scroll i { position: absolute; left: 12%; color: #fff; height: 20px; width: 20px; z-index: 9999; top: -15%; font-size: 3.5em; font-weight: 300; transition: color 0.3s ease;}
#scroll:hover { background-color:#fff}
#scroll:hover i{color: #283890;}
.row.full-mobile-nav{
  margin: 0 auto;
}
.x1 {
  width: 20%;
  border-right: 1px solid #ddd;
	text-align:center;
}
.x1:last-child{
  border: none;
}
.x1 a.btn-primary{
	background-color: transparent;
	border: none;
}
.x1 a.btn{ padding: unset !important;}
.x1 a.btn-primary:focus, .x1 a.btn-primary:hover, .x1 a.btn-primary:active{
	background-color: transparent;
	border: none;
	box-shadow: unset;
}
i.fa.big-icon{
	font-size: 25px !important;
  margin-top: 20px;
}
a.toggle-btn{
	width: auto;
}
.navbar-toggle{
	float: unset;
}

/**********************************************************
P A G E   C S S   S T Y L I N G
**********************************************************/
.home #content{background: #f1f2f3; padding:30px 0px; text-align: center;}
.home #content h1{ font-weight: 300; font-size: 2.9em; margin-bottom: 25px;position: relative;}

.home #pageTemplate{margin-top: 0}

#pageTemplate{padding: 20px 0px 40px}
#pageTemplate header{margin-bottom: 20px; padding-bottom: 0px; margin-top: 10px; border-bottom: 1px solid #ccc}
#pageTemplate header h1, #blogTemplate h1{color: #5d000d;font-family: 'Go2OldWestern';font-size: 46px;text-transform: uppercase;}
#pageTemplate h3{margin-top: 20px; margin-bottom: 20px}
#pageTemplate ul{margin: 25px 0px}
#pageTemplate ul li{padding-top: 2px; padding-bottom: 2px}

.page-id-15 #pageTemplate iframe{border:0px; width: 100%; height: 550px}
/************************************************************
B L O G    C S S    S T Y L I N G
************************************************************/
.post-categories { list-style-type: none; padding: 0; margin: 0; clear: both; }
.post-categories li { display: inline-block; margin: 1em 1em 1em 0; }
.post-categories li a { background: #ccc; padding: 0.7em 1.3em; color: #000; text-decoration: none; }
#blogTemplate{padding: 60px 0px 40px}
#blogTemplate .blogTime i{padding-right: 5px}
#blogTemplate article{border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 40px}
#blogTemplate h2{
  margin: 0;
  color: #5d000d;
  font-size: 2em;
  text-transform: uppercase;
}
#blogTemplate article a.permalink {
  text-decoration: none;
  display: inline-block;
}
#blogTemplate article .thumbnail-blog img{
  max-width: 100%;
  height: auto;
  display: block;
}
a.read-more{
  background: #5c000e;
  color: #fff;
  padding: 0.4em 1em;
  transition: all 0.3s ease;
  text-decoration: none;
}
a.read-more:hover {
    background: #380109;
}
#blogTemplate .blog-img{
  float: left;
  max-width: 19em;
  margin-right: 1em;
}
#blogTemplate .blog-img img{
  max-width: 100%;
  height: auto;
  display: block;
}
/************************************************************
S L I D E R    C S S    S T Y L I N G
************************************************************/
#slider-home { background: #000000; padding: 0px }
#carousel-custom, #tesimonial { position: relative; }
#slider-home .carousel-control {background: none;color: #CACACA;font-size: 2.3em;text-shadow: none;margin-top: 30px;}
#slider-home .carousel-control.left {z-index: 999; opacity: 1; top: 35%;}
#slider-home .carousel-control.right {z-index: 999; opacity: 1; top: 35%;}
#slider-home .carousel-indicators{left: 3px !important; right: 0px !important}
#slider-home .carousel-indicators li { background-color: #000; border: 2px solid #FFF; }
#slider-home .carousel-indicators { position: absolute; bottom: 40px; left: 47%; z-index: 15; width: 100px !important; padding-left: 0; margin-left: auto !important;
    margin-right: auto !important; text-align: center; list-style: none; }
#slider-home .carousel-indicators .active { background-color: #fff; border: 2px solid #fff; }
#slider-home .carousel-inner .item{height: 100%}
#slider-home .masthead {position: absolute;z-index: 9999; top: 0; width: 100%; margin-top: 17%; padding: 20px; text-align: center;}
#slider-home .masthead h2 {text-transform: capitalize;color: #fff; font-size: 4em; padding: 5px 0px 20px;font-family: 'Adieresis-Odieresis-Aring2'; line-height: 1.2}
#slider-home .masthead p {color: #fff;font-size: 1.175em; line-height: 1.3;}
#slider-home .masthead .btn{margin-top: 10px;color: #fff;font-size: 1.175em;padding: 10px 25px;position: relative;border-radius: 0px;box-shadow: 0px 0px 6px 0px #999;}

.carousel.slide .item{transition-property: opacity;}
.carousel.slide .item, .carousel.slide .active.left, .carousel.slide .active.right {opacity: 0;}
.carousel.slide .item, .carousel.slide .active.left, .carousel.slide .active.right { opacity: 0;}
.carousel.slide .active, .carousel.slide .next.left, .carousel.slide .prev.right { opacity: 1; }
.carousel.slide .next, .carousel.slide .prev, .carousel.slide .active.left, .carousel.slide .active.right { left: 0; transform: translate3d(0, 0, 0);}
.carousel.slide .carousel-control {z-index: 2;}

.video-container{ max-height: 70em; }
video#hero-video{
	width: 100%;
}

/************************************************************
D Y E R     M E N U       C S S      S T Y L I N G
************************************************************/
.dyer-menu{background: url(images/dyer-menu-bg.jpg);padding-top: 30px;padding-bottom: 90px;}
.dyer-menu h2, #week-special h2, #catering h2, .dyers-full-menu h2{font-family: 'Go2OldWestern';font-size: 46px;text-transform: uppercase;}
.dyer-menu .border-bottom, #week-special .border-bottom, #catering .border-bottom{border-bottom: 8px solid #5d000d;display: block;width: 60px;margin: 0px auto 40px;}

.dyer-menu .drink-menu{background: url(images/drink-menu-bg.jpg);width: 550px;position: relative; margin-top: 25%;padding: 25px 30px 60px;}
.dyer-menu .drink-menu h2{color: #fff; position: relative;}
.dyer-menu .drink-menu p{color: #fff;}
.dyer-menu .left-item.animation{
  animation: fly-in-left 1.3s forwards; /*Animating the black CTAs*/
}
#slider-menu .drink-menu{
	z-index: 5;
	height: 20em;
}
.dyer-menu .right-item.animation{
  animation: fly-in-right 1.2s forwards; /*Animating the black CTAs*/
}
.dyer-menu .border-white.left-item.animation{
  animation: fly-in-left-white-line 2s forwards; /*Animating the white border left*/
}
.dyer-menu .border-white.right-item.animation{
  animation: fly-in-right-white-line 2s forwards; /*Animating the white border right*/
}
.dyer-menu .left-img.animation{
  animation: fly-in-left 1.2s forwards; /*Animating the img left*/
}
.dyer-menu .right-img.animation{
  animation: fly-in-right 1.2s forwards; /*Animating the img right*/
}
.dyer-menu h2.left-item.animation{
  animation: fly-in-left-text 1.4s forwards;/*Animation for the h2 elements*/
}
.dyer-menu h2.right-item.animation{
  animation: fly-in-right-text 1.4s forwards; /*Animation for the h2 elements*/
}
.dyer-menu div.left-content.animation{
  animation: fly-in-left-text 1.2s forwards; /*Animation for the content elements*/
}
.dyer-menu div.right-content.animation{
  animation: fly-in-right-text 1.2s forwards; /*Animation for the content elements*/
}
@keyframes fly-in-left {
  0%{ transform: translateX(-15em); }
  100%{ transform: translateX(0); }
}
@keyframes fly-in-right {
  0%{ transform: translateX(15em); }
  100%{ transform: translateX(0); }
}
@keyframes fly-in-left-white-line {
  0%{ transform: translateX(-19em); }
  100%{ transform: translateX(0); }
}
@keyframes fly-in-right-white-line {
  0%{ transform: translateX(19em); }
  100%{ transform: translateX(0); }
}
@keyframes fly-in-left-text {
  0%{ transform: translateX(-2em); opacity: 0;}
  25%{ opacity: 0; }
  50%{ opacity: .3; }
  100%{ transform: translateX(0); opacity: 1;}
}
@keyframes fly-in-right-text {
  0%{ transform: translateX(2em); opacity: 0;}
  25%{ opacity: 0; }
  50%{ opacity: .3; }
  100%{ transform: translateX(0); opacity: 1;}
}
.dyer-menu .border-white{border: 3px solid #fff;padding: 30px 0px;}
.dyer-menu .border-white img{max-width: 100%;height: auto;margin-left: -35px; width: 40em;}

.dyers-full-menu .border-red{
  border: 2px solid #5d000d;
  height: 175px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.dyers-full-menu .border-red img{
  transition: all 1.3s ease;
  box-shadow: 1px 2px 2px 0px #1c1c1c;
}
.dyers-full-menu a{
  text-decoration: none;
}
.dyers-full-menu h2{
  margin-left: -15px;
  font-size: 32px;
  height: 50px;
}
.dyers-full-menu h2::after{
  content:'';
  display: block;
  border-bottom: 7px solid #5d000d;
  width: 0em;
  transition: all 0.3s ease;
}
.dyers-full-menu .border-red .img-grow{
  position: absolute;
  right: 25px;
  bottom: 70px;
  width: 19em;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.7s ease;
}
.menu-item{
	margin-bottom: 1em;
}
/* DEFAULT SETTINGS FOR IMG GROW */
.dyers-full-menu a:hover .img-grow img{
  transform: scale(1.1);
}
.dyers-full-menu a:hover h2::after, .dyers-full-menu a:hover h2::after{
  width: 1.7em;
}
/************************************************************
S E C T I O N    B R E A K    C S S    S T Y L I N G
************************************************************/
#home-break{
  background: url(images/homepage_section_break.jpg);
  background-repeat: no-repeat;
  height: 358px;
  background-size: cover;
}
/* #slider-mini{background:url(images/small-slider.jpg);background-repeat: no-repeat;background-size: cover; display: flow-root}
#slider-mini .slide-box{background: rgba(0, 0, 0, 0.8);padding-top: 40px;padding-bottom: 100px; padding-left: 30px; padding-right: 30px}
#slider-mini .masthead h2{color: #fff;border-top: 1px solid #ccc;padding-top: 20px; font-weight: 800}
#slider-mini .masthead p{color: #afafaf;font-size: 1.175em;margin-top: 20px;}
#slider-mini .carousel-indicators{left: 11%}
#slider-mini .carousel-indicators li{background: #605c5c !important; border-color: #605c5c !important;width: 15px;height: 15px; margin: 0px}
#slider-mini .carousel-indicators .active{background:#b3b3b3 !important; border-color: #b3b3b3 !important} */

/************************************************************
W E E K     S P E C I A L        C S S      S T Y L I N G
************************************************************/
#week-special{background: url(images/dyer-menu-bg.jpg); padding-top: 50px; padding-bottom: 70px}
#week-special .border-bottom{margin-bottom: 25px;margin-top: 20px;}
#week-special h3{color: #69001f;margin-top: 0px;font-size: 1.375em;margin-bottom: 40px;}
#week-special p{}

#week-special img{margin-top: 30px;max-width: 100%;height: auto;}

/************************************************************
M  E E T I N G     R O O M        C S S      S T Y L I N G
************************************************************/
.meeting-room{background: url(images/meeting-bg.jpg) !important;background-repeat: no-repeat !important;background-size: cover !important;padding-top: 55px !important;}
.meeting-room .drink-menu{margin-left: -35%;width: 600px;background: url(images/meeting-room-small.jpg) !important;}
.meeting-room .drink-menu h2, .meeting-room .drink-menu p{color: #000 !important}
.meeting-room .drink-menu h2:after{border-color: #5d000d !important}
.meeting-room .border-white img{margin-right: -35px;}

/************************************************************
C A T E R I N G        C S S      S T Y L I N G
************************************************************/
#catering{background: url(/wp-content/uploads/2018/01/Dyers_HomeCatering_Background1-min.jpg);padding-top: 40px;padding-bottom: 70px;background-repeat: no-repeat;background-size: cover;}
#catering .left p:first-child:first-letter{color: #000;float: left;font-size: 6em;line-height: 60px;padding-top: 4px; margin-left: -8px}
#catering p{line-height: 1.7;}
#catering .btn{display: block;width: 120px;margin-top: 15px;padding: 8px 5px;}

/************************************************************
C U S T O M    C O O K I N G        C S S      S T Y L I N G
************************************************************/
.custom-cooking{background: url(images/meeting-bg.jpg) !important; background-repeat: no-repeat !important; background-size: cover !important;padding-top: 45px !important;}
.custom-cooking h2, .custom-cooking p{color: #fff}
.custom-cooking .border-bottom{border-color: #fff !important;margin-bottom: 30px !important;}
.custom-cooking p{margin-bottom: 40px}
.custom-cooking img{max-width: 100%; height: auto}

/**********************************************************
G O O G L E    M A P    C S S     S T Y L I N G
***********************************************************/
#google-map {padding-left: 0px; padding-right: 0px;margin-bottom: -5px}
#google-map iframe{width: 100%; border: 0px; height: 350px;}

/**********************************************************
S I D E B A R    C S S     S T Y L E
**********************************************************/
#sidebar {border: 1px solid #ccc; border-radius: 5px;}
#sidebar .widget{margin-bottom: 20px}
#sidebar .widget-title{background: #5d000d; color: #fff; padding: 10px 10px; text-transform: uppercase; font-size: 1.575em; margin-top: 0;}
#sidebar .text-center{text-align: center;}
#sidebar a{
  color:#616161;
}
.sidebar-menu{background: url(images/drink-menu-bg.jpg);margin-top: 29px;padding: 0px 0px 20px;background-size: cover;}
.sidebar-menu h3{font-family: 'Go2OldWestern';text-align: center; color: #fff; padding-top: 20px; text-transform: uppercase; font-size: 40px}
.sidebar-menu ul{padding-left: 0px;list-style: none;}
.sidebar-menu ul li{padding-bottom: 8px;border-bottom: 1px solid #8f8f8f;padding-left: 17px;padding-top: 9px;}
.sidebar-menu ul li a{color: #fff; font-size: 18px;}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background: rgb(207,1,57); border-color: rgb(207,1,57)}
.pagination > li > a, .pagination > li > span{color: rgb(207,1,57)}
/**********************************************************
C O N T A C T    C S S     S T Y L E
**********************************************************/
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #717171 !important;}
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, textarea:-moz-placeholder {color: #717171 !important;  }
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, textarea::-moz-placeholder {color: #717171 !important;  }
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, textarea:-ms-input-placeholder {  color: #717171 !important; }

/**********************************************************
F O O T E R    C S S     S T Y L E
**********************************************************/
#footer{background: url(images/dyer-menu-bg.jpg); padding: 60px 0px 20px; color: #616161;font-family: 'Open Sans', sans-serif;}
#footer .widget a{ transition: color 0.3s ease; color: #616161; text-decoration: none; }
#footer .widget a:hover{ color: #781935; }
#footer .textwidget{font-size: 1em; line-height: 1.9;}
#footer .widget-title{color: #222222; font-size: 1.7em;margin-bottom: 25px;}

#footer .widget .menu, #footer .widget .menu ul{padding-left: 0}
#footer .widget .menu li a{display: none;}
#footer .widget .menu li ul li a{display: inherit !important;font-size: 1.1em;padding-bottom: 9px;}
#footer .widget .menu{padding-left: 0px; list-style: none}
#footer .widget .menu li{padding-top: 0px; padding-bottom: 0px; line-height: 1.1em; list-style: none; padding-left: 0}
#footer .widget .menu a{color: #616161; text-transform: capitalize; text-decoration: none; font-size: 1em;}

#footer .navbar-default{background: transparent; border: 0px; border-radius: 0px}

#footer .social-footer ul{list-style: none; padding-left: 0px; margin-top: 0px}
#footer .social-footer li {display: inline-block;}
#footer .social-footer a{display:inline-block; margin-left: 4px; text-align: center; color: #616161;}
#footer .social-footer a i{font-size: 1.2em;line-height: 1.7; color: #616161; transition: color 0.3s ease;}
#footer .social-footer a:hover{transition: all 0.3s ease; color: #781935;}
#footer .social-footer a:hover i{ color: #781935; }

#bottom{text-align: center;padding: 15px 0px 0px;color: #fff; font-size: 1em; background: #161515}
#bottom a{color: #fff}
#bottom span{color: rgb(147,201,64); font-weight: 800}

@media(max-width: 1300px){
    #slider-home .carousel-inner .item{height: 100%}
    .container{width: 100%}
}
@media (max-width: 1200px){
  .dyers-full-menu .border-red{
    width: 69%;
    position: relative;
    left: 4em;
  }
  .dyers-full-menu .border-red .img-grow{
    right: 1em;
    bottom: 0.2em;
    width: 18em;
  }
  .dyers-full-menu h2{
    margin-left: 1.25em;
  }
}
@media(max-width: 1190px){
  #topbar{font-size: 0.9em}
  .meeting-room .drink-menu{width: initial;}
  #catering{background-position: center;}
}

@media(min-width: 1020px) and (max-width: 1190px){
  #header .navbar-default .navbar-nav > li > a{padding-left: 10px; padding-right: 10px}
}

@media(min-width: 1090px){
  #footer .border:before{content:""; position: absolute; border-left: 1px solid #b3b1b1;height: 85px;left: -8%;top: 40%;}
  #footer .border:after{content:""; position: absolute; border-right: 1px solid #b3b1b1;height: 85px;right: 14%;top: 40%;}
}

@media(max-width: 1020px){
  #primaryNavigation{position: fixed !important;background: #000 !important; border: 0px !important}
  .navbar-collapse.collapse{display: none !important}
  #header .navbar-default .navbar-nav{text-align: center !important;padding: 10px 0px;width: 100%}
  .navbar-nav > li{display: block !important; float: inherit !important;}
  #header .navbar-default .navbar-nav > li > a{font-size: 1em !important;color: #000 !important; padding:5px 0px !important;}
  .navbar-header{float: right !important; width: 100%}
  #header .navbar-default .navbar-nav > li > a:hover{color: #fff !important}
  #primaryNavigation .navbar-collapse, #socialDropup{background: #f0efef}
  .navbar-toggle, #mobileIcons, .visible-mobile, .navbar-collapse.collapse.in{display: inherit !important;}
  #mobileIcons{float: left !important}
  .navBarsBtn i:before, #mobileIcons i{color: #fff !important}
  #primaryNavigation .navbar-nav{margin:0px !important;}
  .navbar-nav .open .dropdown-menu > li > a {line-height: 12px;font-size: 1em;}
  .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0;
    -webkit-box-shadow: none;box-shadow: none;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #000}

  #topbar{display: block;}
  #header{text-align: center;margin: 10px 0px}
  #header .col-sm-2{width: 100%;}
  #scroll{right: 5px !important; bottom: 90px !important; width: 40px; height: 40px;}
  #scroll i{left: 10%; top: -25%; font-size: 3.5em;}
  #slider-home .masthead{margin-top: 5%}

  #socialDropup a{color: #fff !important}
}

@media(min-width: 1020px){
  #header{position: absolute;width: 100%;z-index: 999;border-bottom: 1px solid #343434;padding: 10px 0px; background:#000;}
  .home #header{background: rgba(0, 0, 0, 0.8);}
  #primaryNavigation .navbar-collapse{border: 0px !important; text-align: right !important;}
  #primaryNavigation{top: 35px}
  .navbar-header, .blog-menu{display: none !important}
  #pageTemplate{margin-top: 135px}
  #blogTemplate{margin-top: 80px}
  .row.dyers-full-menu{ margin-left:1em; }
}

@media ( min-width : 767px) {
  #header .navbar-nav, .navbar-nav > li{float: inherit; display: inline-block;margin-top: -5px}
  #primaryNavigation .mobile-visible{display: none}
  #carousel-custom .item img{ width: 100%; }
  .no-left-padding{padding-left: 0}
}
@media ( max-width: 768px ){
	.dyers-full-menu .border-red .img-grow{
		left: -2.7em;
		bottom: 0.2em;
		width: 18em;
	}
	#slider-menu .drink-menu.pull-right{
		float: none !important;
	}
	.dyer-menu .left-item.animation{
		animation: none; /*Animating the black CTAs*/
	}
	.dyer-menu .right-item.animation{
		animation: none; /*Animating the black CTAs*/
	}
	.dyer-menu .border-white.left-item.animation{
		animation: none; /*Animating the white border left*/
	}
	.dyer-menu .border-white.right-item.animation{
		animation: none; /*Animating the white border right*/
	}
	.dyer-menu .left-img.animation{
		animation: none; /*Animating the img left*/
	}
	.dyer-menu .right-img.animation{
		animation: none; /*Animating the img right*/
	}
	.dyer-menu h2.left-item.animation{
		animation: none;/*Animation for the h2 elements*/
	}
	.dyer-menu h2.right-item.animation{
		animation: none; /*Animation for the h2 elements*/
	}
	.dyer-menu div.left-content.animation{
		animation: none; /*Animation for the content elements*/
	}
	.dyer-menu div.right-content.animation{
		animation: none; /*Animation for the content elements*/
	}

}
@media ( max-width : 767px) {
        .alignright, .alignleft, .aligncenter { max-width: 100%; height: 100% }
        ol, ul{padding-left: 15px}
        #pageTemplate{padding: 0px 0px 30px}
        #blogTemplate{padding-top: 0}

        #slider-home .masthead{margin-top: 1%}
        #slider-home .masthead h2{font-size: 2em; line-height: 1}

        .dyer-menu .drink-menu{width: inherit;margin-top: inherit;margin-bottom: 30px; background-size: cover;}
        .dyer-menu .border-white{padding: 0}
        .dyer-menu .border-white img{margin-left: inherit;}

        .meeting-room .drink-menu{margin-left: 0; margin-top: 30px}

        .custom-cooking img{margin-bottom: 20px}

        #slider-mini .carousel-indicators{left: 50%}

        #footer, #primaryNavigation .caret{display: none}
}

@media(min-width: 528px){
  .dyer-menu .drink-menu h2:after{content: "";position: absolute;border: 4px solid #fff;width: 60px;top: 21px;margin-left: 20px;}
}

@media ( max-width : 528px){
    #slider-home .masthead p, #slider-home .masthead .btn{display: none}
	.dyer-menu{height: 915px;}
	.custom-cooking{height:100%;}
	#topbar .phone{ }
	#topbar .phone:after{ right: -9%; }
	#topbar .phone li i{ left: -28px; }
	#topbar .social{  }
	#topbar .phone:before{ display: none; }
	#slider-menu .drink-menu{ height: 100%; }
	#topbar .center-all{ text-align:center; }
	#home-break{
		background-size: cover;
		background-position: top;
	}

}