/* Theme Name: Docs New */
#tagline-container, footer {background-image: url(assets/images/black-linen.png);}
/* Nav dropdown breakpoint */
@media screen and ( max-width: 767px ) {#banner, #top-wrapper, #tagline-container, footer {background-image: url(assets/images/black-linen.png); background-size:cover;}}
.navbar-default .navbar-nav > li > a{color: #000;}
.navbar-default .navbar-nav > .active > a{color: #ED1C24!important;}

main, #banner, #top-wrapper, .content-section, .banner-section, #contact-info, .scroll-down, .scroll-down .fa, .scroll-up { background-color: #E1D3C6!important; border-color: #E1D3C6!important; }
h1,h2, a{color:#ED1C24;}
h1{font-size:45px;}
h2{font-size:36px;}
.scroll-down i{z-index:100!important;}
.scroll-down .fa:hover, .scroll-up .fa:hover{color:#ED1C24;}

/* = HEADER = */
header {padding:20px 0;}
.tag {margin-top: 10px; margin-bottom: 10px; padding: 5px; background-color: #6d4095; color: #fff;font-weight: 900;font-size: 28px;}
.logo img:hover, .logo img:focus {opacity:.8;}
.contact-info-inner ul.hours li {border-bottom:1px solid #999;text-align:left;}
.contact-info-inner ul {padding:0;list-style:none;}
.contact-info-inner ul.hours {margin:0;}
.contact-info-inner ul.hours li {padding:5px 0;}
.contact-info-inner ul.hours span{float:right;}
.contact-info-inner{display: flex; align-items: center;}
.navbar-collapse{text-align: center;}
.hours-heading{display: block; text-align: center; font-weight: bold; font-size: 20px;margin-bottom: 20px;}
.row.c2a{display: flex; justify-content: space-between;text-align: center;}

.message-scroller{overflow:hidden;position:relative; top: 0;display:inline-block;height:50px;width:33%;margin-top: 10px;}
.message-scroller-inner{right: 0;position:absolute;width:fit-content; white-space: nowrap;padding: 5px 10px;margin:0;text-align:center;-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-moz-animation: scroll-left 15s linear infinite;-webkit-animation: scroll-left 15s linear infinite;animation: scroll-left 15s linear infinite;background: #ED1C24;}
/* Animations */
@-moz-keyframes scroll-left {
0% { -moz-transform: translateX(100%); }
100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
0% { -webkit-transform: translateX(100%); }
100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
0% {
-moz-transform: translateX(100%); /* Browser bug fix */
-webkit-transform: translateX(100%); /* Browser bug fix */
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%); /* Browser bug fix */
-webkit-transform: translateX(-100%); /* Browser bug fix */
transform: translateX(-100%);
}}


/* = CALL TO ACTION = */
#c2a {text-align:center; padding:10px 0; background:#222; font-size:16px; color:#fff;}
#c2a a {color:#fff;}
#c2a a:hover, #c2a a:focus {text-decoration:none; color:#999;}
.hours {margin:0px 30px;}

.btn{background:#000;}
.btn:hover, .btn:focus{background:#ED1C24;}
#contact-info p { font-family: 'Trade Winds', cursive; }
.home-address{position: absolute; right: 5%;}
.home-address .head-phone{margin-left: 5px;}
.home-address .head-phone i, .home-address .head-directions i {margin-right: 5px;}
.home-address a {color: #fff;}
.home-address a:hover {color: #ED1C24;}
.interior-page .announcement{position: relative; color: #fff;left: 0; right: 0;font-size: 18px;margin: 5px 0;display: block;}

#content-section-3 .banner-overlay{color: #000;}
#banner{border:none!important;}
#tagline-container, footer { background-image: url(assets/images/black-linen.png); background-color: #93612E; }
#contact-info a, .business-info a {color: #ed1c24;}
#contact-info a:hover, .business-info a:hover {color: #ed1c24;}
.navbar-default .navbar-nav > li > a:hover, footer a:hover, footer a:focus {color: #ED1C24!important;}
#c2a {background-color: #93612E;background-image: url(assets/images/black-linen.png);}
/*MENU PAGE*/
ul.nav-tabs{border:none!important;}
#menu{padding-bottom:50px;}
#menu ul.nav-tabs>li{margin-right:30px;}
#menu ul.nav-tabs>li>a{background: #93612E; height: 75px; width: 75px; border-radius: 100%;position: relative;border:none!important;}
#menu ul.nav-tabs>li>a:hover,#menu ul.nav-tabs>li>a:focus,#menu ul.nav-tabs>li.active>a{background:#ED1C24!important;}
#menu ul.nav-tabs>li>a>.menu-icon {border: 2px dashed #fff;position: absolute; height: 65px; width: 65px; border-radius: 100%;transform: translate(-50%,-50%);top: 50%;left: 50%;}
#menu ul.nav-tabs>li>a>.menu-icon>img{max-width: 40px; max-height: 40px;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;}
#menu .tab-content{text-align:left;}
#menu .menu-item strong{font-style:italic;}
#menu .tab-content h2{font-size:24px; margin:20px auto;font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;color: #000;}
#menu .menu-item {margin:20px auto;}
#menu .menu-item h4{font-weight:bold;}
#menu .menu-item p {margin:10px auto;}
#menu .menu-item ul{padding:0px;}
#menu .menu-item ul>li{list-style:none;}
#menu .menu-item ul>li>strong:before{content:" . . . . . . . . . . ";font-weight:normal;}
footer {border-color: #E1D3C6!important;}

#menu .nav{ z-index: 0!important; }

#banner .message-scroller {display: none;}
.social{display: none;}


@media screen and ( max-width: 1199px ){.interior-page .logo{width: 170px;}}
@media screen and ( max-width: 1100px ){.contact-info-inner{display: block;}.hours-heading{margin-top: 20px;}}
@media screen and ( max-width: 991px ){.row.c2a{display: none;}#c2a{padding: 0;}#banner .message-scroller {display: block;width: 100%;color: #fff;margin-top: -110px;}.social{display: flex;}.interior-page .logo{width: 130px;top: 60%;}}
@media screen and ( max-width: 767px ){}
@media screen and ( max-width: 620px ){.logo{top: 60%;}#banner{height: 50vw!important;}.interior-page .logo{width: 100px;}}

@media screen and ( max-width: 425px ) { #menu ul.nav>li{ margin-right: 10px; } #menu ul.nav-tabs>li>a{ width: 65px; height: 65px; } #menu ul.nav-tabs>li>a>.menu-icon{ height: 50px; width: 50px; }#menu ul.nav-tabs>li>a>.menu-icon>img{ max-width: 30px; max-height: 30px; }}
@media screen and ( max-width: 375px ) { #menu ul.nav>li{ margin-right: 5px; } #menu ul.nav-tabs>li>a{ width: 60px; height: 60px; } #menu ul.nav-tabs>li>a>.menu-icon{ height: 45px; width: 45px; }#menu ul.nav-tabs>li>a>.menu-icon>img{ max-width: 25px; max-height: 25px; }}
@media screen and ( max-width: 320px ) { #menu ul.nav>li{ margin-right: 0px; } #menu ul.nav-tabs>li>a{ width: 55px; height: 55px; } #menu ul.nav-tabs>li>a>.menu-icon{ height: 40px; width: 40px; }#menu ul.nav-tabs>li>a>.menu-icon>img{ max-width: 20px; max-height: 20px; }}