html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
body {
margin: 0;
padding:0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
box-sizing: content-box; /* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
color: #222;
font-size: 1em;
line-height: 1.4;
padding:0;
margin:0;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #0A2069;
color:#fff;
text-shadow: none;
}
::selection {
background: #0A2069;
color:#fff;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
body {
overflow-x: hidden;
}
.container-fluid {
padding:0;
}
.container {
}
.navbar-wrapper {
border-bottom:10px solid #0A2069;
}
.navbar-wrapper .container {
position:relative;
}
.navextra-txt {
background:#0A2069;
color:#fff;
text-align:center;
/* text-indent:-100px; */
position:relative;
font-family:'Alegreya', sans-serif;
font-size:26px;
line-height:1.8;
letter-spacing:1px;
word-spacing:2px;
border-top:11px double #fff;
margin-top:-3px;
}
.navextra-txt .nvtindt {
text-indent:-300px !important;
display:inline-block;
}
.num1 {
font-size:30px;
line-height:10px;
}
.num2 {
font-family: 'Oswald','Alegreya', sans-serif;
font-weight:bold;
font-size:26px;
}
.ordbtn {
font-family: 'Oswald','Alegreya', sans-serif;
font-size:1.8rem;
line-height:.5;
color:#fff;
background:#ea0000;
border-radius:15px;
padding:18px 20px 20px;
text-decoration:none;
position:absolute;
font-weight:700;
margin-left:40px;
margin-top:-5px;
border:3px solid #fff;
text-shadow: 1px 1px 0 #222;
box-shadow: 1px 13px 25px rgba(0, 0, 0, 0.5);
display:inline-block;
transition:all 0.1s ease;
letter-spacing:0px;
}
.ordbtn--orderpage {
position: relative;
margin-left:0;
margin-top: 15px;
display: block !important;
}
.ordbtn:hover,
.ordbtn:focus {
text-decoration:none;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
color:#fff;
}
.ordbtn span {
position:relative;
left:2px;
}
.ordbtn:active {
color:#fff;
text-decoration:none;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.btnrwdsmonly {
display:none !important;
}
.navextra {
border-bottom:10px double #0A2069;
}
.navextra2 {
border-bottom:10px double #0A2069;
border-bottom:12px double #0A2069;
}
.navextra-cta {
border-bottom:10px double #0A2069;
}
.navextra-txt-cta {
background:#fff;
color:#0A2069;
text-align:center;
/* text-indent:-100px; */
position:relative;
font-family: Boogaloo, Share, 'Alegreya', sans-serif;
font-style:italic;
font-size:42px;
line-height:1.5;
letter-spacing:1px;
word-spacing:2px;
margin-top:-3px;
border-bottom:solid 8px #0A2069;
}
#index .navextra-txt-cta {
border-top:11px solid #0A2069;
}
.fa-youtube-play {
position: relative;
left: 11px;
font-size: 58px;
line-height: 10px;
top: 7px;
color: red;
}
.woc-cta {
text-decoration:none !important;
}
.woc-cta:hover .fa-youtube-play,
.woc-cta:focus .fa-youtube-play,
.woc-cta:active .fa-youtube-play {
color: #0A2069;
}
.navbar {
height:160px;
position: relative;
}
.navbar-nav {
position:relative;
top:122px;
}
.navbar-right {
padding-right:0px;
}
.navbar-brand {
position: absolute;
left: 50%;
margin-left: -211px!important;
display: block;
}
.navbar-nav>li>a {
font-family: 'Alegreya', sans-serif;
font-weight: bold;
font-size: 27px;
color: #0A2069;
text-transform: uppercase;
padding-bottom: 17px;
padding-top: 17px;
padding-left: 25px;
padding-right: 25px;
letter-spacing: 1px;
}
.main-links {
border-top:10px double #0A2069;
border-top:4px solid #0A2069;
}
.main-links.lft-side a {
border-left:2px solid #0A2069;
padding-right:65px;
padding-left:65px;
}
.side-links {
border-top:10px double #0A2069;
border-top:4px solid #0A2069;
}
.side-links a {
border-left:2px solid #0A2069;
}
.side-links:first-child a {
border-left:none;
}
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li>a:active {
background:none;
background:#0A2069;
color:#fff;
}
.soc-links a .fa {
font-size:36px;
line-height:10px !important;
position:relative;
top:3px;
}
.navbar-brand>img {
display: block;
width: 161px;
position: relative;
top: -13px;
left: 84px;
}
.soc-links a .fa-instagram {
}
#bok10 {
display: none;
}
#bok {
background: url('../img/2024-Best-of-Kern-County.png') no-repeat;
width: 115px;
height: 111px;
position: absolute;
top: -17px;
right: 293px;
display: block;
}
#bok2 {
position: absolute;
top: 23px;
left: 865px;
font-family: Boogaloo,'Alegreya', sans-serif;
font-size: 30px;
color: red;
line-height: 1;
letter-spacing: 1px;
}
.tac {
font-family: 'Oswald','Alegreya', sans-serif;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
color: #0A2069;
font-size: 48px;
line-height:1.1;
letter-spacing: 0px;
text-shadow: 4px 4px 0 #ccc;
position: relative;
top: 3px;
left: 3px;
}
.tac2 {
font-family: 'Oswald','Alegreya', sans-serif;
line-height:1.1;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
color: #0A2069;
font-size: 48px;
letter-spacing: 0px;
text-shadow: 4px 4px 0 #ccc;
position: relative;
top: 3px;
left: 18px;
}
#index .tac {
/* font-size: 40px; */
}
.tac em {
font:italic bold 29px 'Oswald','Alegreya', sans-serif;
line-height:10px;
letter-spacing:1px;
}
.navextra-txt-cta h1 {
font:bold 58px 'Alegreya', sans-serif;
line-height:1;
padding:7px 0;
margin:0;
}
#bok3 {
position: absolute;
top: 23px;
left: 35px;
font-family: Boogaloo,'Alegreya', sans-serif;
font-weight: normal;
font-style: italic;
line-height: 1;
font-size: 31px;
letter-spacing: 1px;
color: red;
}
.carousel-indicators li.active,
.carousel-indicators li {
width: 15px;
height: 15px;
margin: 8px;
background:#aaa;
border-color:#aaa;
}
.carousel-indicators li.active {
background:#2A3F6E;
border-color:#2A3F6E;
}
.carousel-control {
background:none !important;
}
#myCarousel {
width: 100%;
border-top:12px double #0A2069;
border-bottom:12px double #0A2069;
}
.carousel-inner .item {
width: 100%;
height: 700px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#myCarousel.carousel.slide .item {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#myCarousel.carousel.slide .item.banr1 {
background: url(../img/Tonys-Pizza-Banner-1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#myCarousel.carousel.slide .item.banr2 {
background: url(../img/Tonys-Pizza-Banner-2.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#myCarousel.carousel.slide .item.banr3 {
background: url(../img/Tonys-Pizza-Banner-3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#myCarousel.carousel.slide .item.banr4 {
background: url(../img/Tonys-Pizza-Banner-6.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#myCarousel.carousel.slide .item.banr5 {
background: url(../img/Tonys-Pizza-Banner-5.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.carousel-caption {
top: 50%;
transform: translateY(-50%);
bottom: initial;
}
.carousel-caption h1 {
font: 52px/2 Bevan, Alegreya, Arial, Helvetica, sans-serif,'Open Sans', sans-serif !important;
letter-spacing: 1px;
word-spacing: 8px;
text-transform: uppercase;
background: rgba(10, 32, 105, 0.9);
color: #fff;
text-shadow: 3px 3px 2px #000;
border: none !important;
display: inline;
text-indent: -10px;
padding: 6px 10px 0px 5px;
}
.padded-multi-line {
display: inline;
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
background: rgba(10, 32, 105, 0.9);
color: #fff;
box-shadow: 20px 0 0 rgba(10, 32, 105, 0.9), -30px 0 0 rgba(10, 32, 105, 0.9);
}
.home-cta {
margin-top:30px;
margin-bottom:30px;
}
.home-box {
display:block;
background:#0A2069;
border:12px double #fff;
color:#fff;
width:100%;
height:300px;
text-align:center;
box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.5);
transition:all 0.1s ease;
}
.home-box:hover,
.home-box:focus,
.home-box:active {
text-decoration:none;
color:#fff;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.home-box h3 {
margin-top:40px;
font:bold 50px Alegreya, Share, 'Oswald','Alegreya', sans-serif;
line-height:1;
margin-bottom:20px;
word-spacing:9px;
text-shadow:
-2px -2px 0 #0A2069,
2px -2px 0 #0A2069,
-2px 2px 0 #0A2069,
2px 2px 0 #0A2069,
2px 2px 0 #777,
3px 3px 0 #777,
3px 3px 0 #777,
4px 4px 0 #777;
text-decoration:underline;
}
.home-box h4 {
font: bold 26px/1.4 'Oswald', Share, Alegreya, Arial, Helvetica, sans-serif,'Open Sans', sans-serif !important;
padding:0 25px;
text-shadow:1px 1px 1px #000;
}
.menu-box {
background:#0A2069;
border:12px double #fff;
color:#fff;
width:100%;
height:510px;
text-align:center;
box-shadow: 5px 10px 15px 10px rgba(0, 0, 0, 0.8);
display: flex;
align-items: center;
flex-direction:column;
justify-content:center;
padding:1rem;
font-family: 'Oswald','Alegreya', sans-serif;
margin-top:2rem;
transition:all 0.2s ease;
}
.menu-box-sp3 {
background:#0A2069;
border:12px double #fff;
color:#fff;
width:100%;
text-align:center;
box-shadow: 5px 10px 15px 10px rgba(0, 0, 0, 0.8);
display: flex;
align-items: center;
flex-direction:column;
justify-content:center;
padding:1rem;
font-family: 'Oswald','Alegreya', sans-serif;
margin-top:2rem;
transition:all 0.2s ease;
}
.scale-hover {
transform: scale(1.1);
}
.menu-box__logo {
background:#000;
padding:1rem 2rem 1rem;
margin-bottom:1rem;
border:1px solid #fff;
}
.men-box__logo--tp {
background:#fff;
padding:40px 20px;
margin-bottom:1rem;
border:1px solid #fff;
}
.menu-box__location {
display:block;
text-align: center;
font-family: 'Oswald','Alegreya', sans-serif;
font-size:1.7rem;
color:#eee;
}
.menu-box__st {
display: block;
text-align:center;
font-size:1.8rem;
font-weight:bold;
line-height:1;
text-transform:uppercase;
}
.menu-box__city {
display: block;
text-align:center;
}
.menu-box__st2 {
display: block;
text-align:center;
font-size:1.8rem;
font-weight:bold;
line-height:1.4;
text-transform:uppercase;
}
.menu-box__st2--stockdale {
font-size:24px;
}
.menu-box__city2 {
}
.menu-content__dir {
display: block;
text-align:center;
text-decoration:underline;
color:#ff9c00;
font-size:2rem;
line-height:1.2;
margin-bottom:1rem;
}
.menu-content__dir:hover,
.menu-content__dir:focus,
.menu-content__dir:active {
text-decoration:none;
color:#ff9c00;
}
.menu-content__hours {
display: block;
text-align:center;
font-size:2.5rem;
line-height:1.2;
margin-bottom:1rem;
}
.menu-content__phone {
display: block;
text-align:center;
text-decoration:underline;
color:#ff9c00;
font-weight:bold;
font-size:2.8rem;
line-height:1;
margin-bottom:1rem;
}
.menu-content__phone:hover,
.menu-content__phone:focus,
.menu-content__phone:active {
text-decoration:none;
color:#ff9c00;
}
.menu-box__link {
font-size:2rem;
line-height: 1.3;
text-decoration:underline;
text-transform:uppercase;
word-spacing:9px;
font-weight:bold;
font-family: 'Alegreya', sans-serif;
color:#fff;
border:2px solid #fff;
padding:10px 20px;
border-radius: 10px;
text-decoration:none;
display: block;
margin-top: 15px;
background:#fff;
color:#0A2069;
transition:all 0.1s ease;
}
.menu-box__link:hover,
.menu-box__link:focus,
.menu-box__link:active {
text-decoration:none;
color:#0A2069;
transform: scale(1.2);
}
.menu-content {
margin-top:2rem;
background:#000;
padding-bottom:2rem;
display: flex;
align-items: center;
justify-content:center;
flex-direction:column;
padding-left:0 !important;
padding-right:0 !important;
box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.7);
}
.menu-content__topsec {
display: flex;
align-items: center;
justify-content:center;
flex-direction:column;
color:#fff;
font-size:2rem;
line-height:1.2;
font-family: 'Oswald','Alegreya', sans-serif;
letter-spacing:1px;
}
.menu-content__logo {
margin-bottom:2rem;
margin-top:2rem;
max-width:100%;
}
.menu-content__st {
font-size:2.8rem;
font-weight:bold;
line-height:1.2;
text-transform:uppercase;
text-align:center;
}
.menu-content__city {
font-size:2rem;
line-height:1.3;
text-transform:uppercase;
text-align:center;
}
.menu-ordbtn {
font-family: 'Oswald','Alegreya', sans-serif;
font-size:2.8rem;
line-height:.5;
color:#fff;
background:#ea0000;
border-radius:15px;
padding:18px 20px 20px;
text-decoration:none;
font-weight:700;
border:3px solid #fff;
text-shadow: 1px 1px 0 #222;
box-shadow: 1px 13px 25px rgba(0, 0, 0, 0.5);
display:block;
transition:all 0.1s ease;
letter-spacing:0px;
margin-top:1rem;
margin-bottom:3rem;
}
.menu-ordbtn:hover,
.menu-ordbtn:focus {
text-decoration:none;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
color:#fff;
}
.menu-ordbtn span {
position:relative;
left:2px;
}
.menu-ordbtn:active {
color:#fff;
text-decoration:none;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.menu-content__secwrap {
}
.menu_content--xmtp {
margin-top:2rem;
}
.menu-content__secwrap img {
padding:0;
max-width:100%;
}
footer p {
text-align:center;
margin-top:10px;
margin-bottom:40px;
font: bold 18px/1.2 Alegreya, Arial, Helvetica, sans-serif,'Open Sans', sans-serif !important;
color:#0A2069;
}
.fa.fa-close {
position: relative;
left: 0;
top: 0;
font-size: 27px;
color: #000;
padding: 20px;
color: #fff;
position: relative;
margin-top: -17px;
}
.modal-body {
width: 100%;
}
.modal .close {
opacity:1;
color:#fff;
}
.modal .navextra-txt {
margin: 0;
line-height: 1.42857143;
font: 900 34px/1 Alegreya, Arial, Helvetica, sans-serif,'Open Sans', sans-serif !important;
color: #fff;
text-transform: uppercase;
padding-top: 5px;
}
.modal-header {
padding:0;
}
.modal.modal-wide .modal-dialog {
width: 60%;
}
.modal-wide .modal-body {
overflow-y: auto;
}
.tooltip.top .tooltip-inner {
background-color:#0A2069;
position:relative;
top:46px;
left:1px;
font-family: 'Oswald','Alegreya', sans-serif;
font-size:20px;
line-height:30px;
border-top-left-radius:0px !important;
border-top-right-radius:0px !important;
}
.tooltip.top .tooltip-arrow {
display:none;
}
.videowrap {
background: url("../img/video-preloader.gif") no-repeat center center;
}
#Tonys-Pizza-Locations {
height:770px;
width:100%;
border-bottom:12px double #0A2069;
}
#all-locations-btn {
display:none;
position:relative;
border:12px double #fff !important;
box-shadow:none !important;
width:400px;
margin:0 auto !important;
}
#all-locations-btn span {
font-size:30px;
font-weight:bold;
line-height:10px;
}
#all-locations-btn:hover,
#all-locations-btn:focus,
#all-locations-btn:active {
background:#fff !important;
color:#0A2069 !important;
text-shadow:none !important;
border:12px double #0A2069 !important;
}
.locsec {
position:relative;
width:100%;
border-top:4px solid #0A2069;
padding-top:37px;
padding-bottom:10px;
cursor:pointer !important;
}
.firstloc {
border:none !important;
}
.locsec:hover .fa,
.firstloc:hover .fa {
color:#0A2069 !important;
opacity:1 !important;
}
.locsec.greyloc {
display:none !important;
}
.loc-active {
border-top:none !important;
}
.loc-active .fa {
color:#0A2069 !important;
opacity:1 !important;
}
.locsec .fa-map-marker {
float: left;
font-size: 136px !important;
margin-right: 7px;
opacity: 0.1;
padding-bottom: 30px;
position: relative;
top: 2px;
left:-3px;
}
.locsec .fa-clock-o {
float: left;
left:-4px;
font-size: 132px !important;
opacity: 0.1;
padding-bottom: 30px;
padding-right: 7px;
position: relative;
}
.es .locsec .fa-clock-o {
top:5px;
}
.locsec .fa-phone {
float: left;
font-size: 136px !important;
left: 55px;
opacity: 0.1;
padding-bottom: 30px;
padding-right: 7px;
position: relative;
top: 10px !important;
margin-left: -53px;
color: #000;
}
.locsec p {
font: 22px/1.3 'Oswald',Arial,Helvetica,sans-serif !important;
position:relative;
color:#0A2069;
padding-right:0 !important;
}
.locsec p .fa {
color:#000;
}
.locsec .addsec a {
background: #0A2069 none repeat scroll 0 0;
color: #fff !important;
float: left;
font: bold 22px/40px Alegreya, 'Oswald',Arial,Helvetica,sans-serif !important;
margin-top: 4px;
padding: 0 15px;
text-decoration: none !important;
text-shadow: 0 0 1px #222;
text-transform:uppercase;
border:2px solid #0A2069;
letter-spacing:2px;
position: relative;
z-index:9999;
}
.locsec .addsec a:hover {
background:#fff !important;
color:#0A2069 !important;
text-shadow:none !important;
border:2px solid #0A2069;
}
.locsec .addsec {
float:left;
width:100%;
}
.locsec .addsec em {
font-family: 'Oswald','Alegreya', sans-serif;
line-height:10px;
font-weight: bold;
font-style:normal;
text-transform: uppercase;
color: #0A2069;
font-size: 36px;
letter-spacing:0px;
text-shadow:5px 5px 0 #dedede;
line-height:1.1;
}
.locsec .hoursec {
float: left;
position: relative;
width: 100%;
position: relative;
top: 7px;
}
.locsec .hoursec em {
font-family: 'Oswald','Alegreya', sans-serif;
line-height:1;
font-weight: bold;
font-style:normal;
text-transform: uppercase;
color: #0A2069;
font-size: 36px;
letter-spacing:0px;
text-shadow:5px 5px 0 #dedede;
}
.locsec .phonesec {
display:block;
font: 22px/1.3 'Oswald',Arial,Helvetica,sans-serif !important;
position: relative;
color: #0A2069;
padding-right: 0 !important;
overflow:hidden;
padding-top:50px;
margin-top:-50px;
}
.locsec .phonesec em {
font-family: 'Oswald','Alegreya', sans-serif;
line-height:1;
font-weight: bold;
font-style:normal;
text-transform: uppercase;
color: #0A2069;
font-size: 36px;
letter-spacing:0px;
text-shadow:5px 5px 0 #dedede;
text-decoration:none;
}
.phonesec:hover ,
.phonesec:focus ,
.phonesec:active {
text-decoration:none;
color: #0A2069;
}
.longhours {
position:relative;
top:-20px;
}
.menu-title {
margin-top:50px;
font-family:'Alegreya', sans-serif;
font-size:50px;
font-weight:900;
font:bold 64px Alegreya, Share, 'Oswald','Alegreya', sans-serif;
line-height:1.2;
text-shadow:
-2px -2px 0 #0A2069,
2px -2px 0 #0A2069,
-2px 2px 0 #0A2069,
2px 2px 0 #0A2069,
2px 2px 0 #777,
3px 3px 0 #777,
3px 3px 0 #777,
4px 4px 0 #777;
margin-bottom:0;
padding-bottom: 1px;
word-spacing:9px;
}
.menu-title.topone {
margin-top:0px;
}
.regsubmenu {
margin-top:50px;
}
.menu-title-sub {
text-align:center;
position:relative;
font-family: 'Alegreya', sans-serif;
font-weight: 900;
font-style:normal;
text-transform: uppercase;
color: #0A2069;
font-size: 50px;
line-height:1;
margin:0;
padding:0;
margin-top:60px;
margin-bottom:5px;
letter-spacing:0px;
}
.brdown {
margin-bottom:110px;
}
.xtraup {
margin-top:70px;
}
.menu-main-items {
font-family: 'Alegreya', sans-serif;
font-size:24px;
line-height:1.2;
font-weight:bold;
color: #0A2069;
word-spacing:3px;
text-transform:uppercase;
text-align:center;
margin-bottom:0;
}
.menu-wrap {
}
.menu-container {
background: url("../img/Tonys-Pizza-Banner-2.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
padding-bottom:4rem;
}
.menu-item {
}
.menu-item-details {
}
.menu-item-details ul {
list-style:none;
float:left;
padding:0 30px;
width:100%;
margin-top:10px;
}
.menu-item-details .single-item-price {
width:50%;
}
.menu-item-details ul li {
padding:0;
margin:0;
float:left;
border-top: 3px solid #0A2069;
border-right: none;
width:100%;
}
.menu-item-details ul li:first-child span {
}
.menu-item-details ul li:last-child span {
border-bottom: 3px solid #0A2069;
}
.left-item {
text-align:center;
float:left;
font-size:20px;
padding:15px;
font-family: 'Oswald','Alegreya', sans-serif;
font-weight: bold;
font-style:normal;
text-transform: uppercase;
color: #0A2069;
font-size: 28px;
letter-spacing:0px;
line-height:24px;
width:50%;
}
.right-item {
float:left;
border-left:none;
border-right:none;
border-bottom:none;
border-left: 3px solid #0A2069;
font-size:20px;
line-height:1;
padding:0;
padding:15px;
font-family: Arial, 'Oswald','Alegreya', sans-serif;
font-size:22px;
line-height:24px;
color: #0A2069;
width:50%;
text-align:center;
}
.custompizza {
font-size:26px;
float:left;
width: 100%;
clear:both;
font-family:'Alegreya', sans-serif;
line-height:1;
color: #0A2069;
text-transform:none;
font-weight:bold;
text-align: center;
}
.custompizza strong {
padding-left:3px;
font-weight:900;
}
.custompizza2 {
font-family: 'Alegreya', sans-serif;
color: #0A2069;
font-size: 20px;
font-style: italic;
float: left;
clear: both;
width: 100%;
line-height: 13px;
text-align: center;
}
.tabs {
margin: 0px;
padding: 0px;
list-style: none;
width: 100%;
margin-left: 30px;
float: left;
position: relative;
z-index: 10000;
margin-top: 3px;
margin-bottom: 10px;
}
.tabs li {
display: inline-block;
cursor: pointer;
font-family: 'Oswald',Alegreya,sans-serif;
font-weight: 700;
font-size: 22px;
color: #0a2069;
padding: 16px 12px;
line-height: 20px;
border: 3px solid #0a2069!important;
box-shadow: 5px 5px 0 #ccc !important;
margin-right: 6px;
}
#menu .tabs li.current{
background: #0A2069;
color:#fff;
box-shadow:none !important;
}
.tab-content{
display: none;
padding:0 !important;
margin: 0 !important;
}
.tab-content.current{
display: inherit;
}
.last-contr {
margin-bottom:30px;
}
#menu .sec-img {
background: url("../img/Tonys-Pizza-Banner-4.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:500px;
border-bottom: 6px solid #0A2069 !important;
}
#parties .sec-img {
background: url("../img/Tonys-Pizza-Parties.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 6px solid #0A2069 !important;
height:500px;
}
#about .sec-img {
background: url("../img/Tonys-Pizza-About.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:500px;
border-bottom: 6px solid #0A2069 !important;
}
.regtxt {
margin:35px 20px;
font-family: 'Alegreya', sans-serif;
font-size:24px;
line-height:1.7;
color:#000;
}
.regtxt1 {
font-family: 'Alegreya', sans-serif;
font-size:24px;
line-height:1.7;
color:#000;
margin-top:40px;
}
.regtxt2 {
font-family: 'Alegreya', sans-serif;
font-size:24px;
line-height:1.7;
color:#000;
margin-bottom:100px;
}
.regtxt a {
text-decoration:underline;
font-weight:bold;
color:#0A2069;
}
.regtxt a:hover,
.regtxt a:focus,
.regtxt a:active {
text-decoration:none;
}
.regtxt strong {
color:#0A2069;
font-weight:bold;
}
.aboutfounder {
margin-top:20px;
}
.aboutfounder img {
border:15px solid #fff;
box-shadow:2px 2px 9px #777;
-ms-transform: rotate(4deg); /* IE 9 */
-webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
transform: rotate(4deg);
margin-top:-10px;
}
@media only screen and (min-width : 1851px) {
.carousel-caption {
}
.carousel-caption h1 {
}
.carousel-caption h1 em {
}
}
@media only screen and (min-width : 1601px) and (max-width: 1800px) {
}
@media only screen and (min-width : 1301px) and (max-width: 1600px) {
.sec-img {
height: 400px !important;
}
}
@media only screen and (min-width : 1201px) and (max-width: 1300px) {
.sec-img {
height: 350px !important;
}
}
@media only screen and (max-width : 1200px) {
.menu-content__st2 {
font-size: 8vw;
font-weight: bold;
line-height: 1.2;
text-transform: uppercase;
}
.menu-ordbtn {
font-family: 'Oswald','Alegreya', sans-serif;
font-size: 10vw;
padding: 4.1vw;
}
.menu-content__topsec {
font-size: 8vw;
line-height: 1.2;
}
.menu-content {
margin-top: 0;
}
.menu-box {
height:500px;
}
.menu-content__logo {
margin-bottom: 2rem;
margin-top: 0;
max-width: 100%;
padding:2rem;
padding-bottom:0;
}
}
@media only screen and (min-width : 993px) and (max-width:1199px) {
.navbar-brand {
position: absolute;
left: 50%;
margin-left: -180px !important;
display: block;
width: 34%;
}
#bok3 {
left:45px;
font-size: 20px;
top:30px;
}
#bok {
background: url('../img/2024-Best-of-Kern-County.png') no-repeat;
width: 98px;
height: 90px;
position: absolute;
top: -16px;
right: 195px;
display: block;
}
#bok2 {
position: absolute;
top:30px;
left: 765px;
font-family: Boogaloo,'Alegreya', sans-serif;
font-style: italic;
font-size: 20px;
color: red;
line-height: 1;
letter-spacing: 1px;
}
#navbar .tac {
font-size:26px;
top:3px;
}
.navbar-nav>li>a {
font-family: 'Alegreya', sans-serif;
font-weight: bold;
font-size: 20px;
color: #0A2069;
text-transform: uppercase;
padding-bottom: 17px;
padding-top: 17px;
padding-left: 15px;
padding-right: 15px;
letter-spacing: 1px;
}
.carousel-caption h1 {
font: 30px/2 Bevan, Alegreya, Arial, Helvetica, sans-serif,'Open Sans', sans-serif !important;
}
.home-box h3 {
font-size: 40px;
}
.carousel-inner .item {
width: 100%;
height: 400px;
}
.sec-img {
height: 270px !important;
}
.locsec .phonesec em {
font-size: 30px;
}
.menu-title-sub {
font-size: 44px;
}
.menu-main-items {
font-size: 21px;
}
.tabs li {
font-size: 18px;
padding:16px 10px;
}
.custompizza {
font-size:23px;
}
.menu-title-sub {
line-height: .9;
}
.aboutfounder img {
margin-top:60px;
}
}
@media (max-width: 992px) {
.navbar-brand>img {
display: block;
width: 125px;
position: relative;
top: -13px;
left: 64px;
}
.btnrwdsmonly {
display:block !important;
background:#ea0000;
}
.navbar-nav > .btnrwdsmonly a:hover,
.navbar-nav > .btnrwdsmonly a:focus,
.navbar-nav > .btnrwdsmonly a:active {
background:#ea0000 !important;
}
.ordbtn {
display:none;
}
.navextra-txt .nvtindt {
text-indent:0 !important;
display:inline-block;
line-height: 1.2;
}
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
.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-toggle {
position: relative;
z-index:999;
right:5%;
top:50px !important;
}
.navbar-toggle .icon-bar {
background:#0A2069;
height:8px;
width:50px;
margin-bottom:7px;
}
.navbar-nav > li {
float: none;
}
.navbar-nav {
float: none;
}
.nav.navbar-nav {
clear: both;
float: left;
margin: 0 0 0 -15px;
width: 100%;
}
.main-links.lft-side a {
border-left: 2px solid #0A2069;
padding-left:22px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height:500px;
}
#navbar .nav.navbar-nav {
padding:0;
margin:0;
top:0;
left:0;
background:#0A2069 !important;
}
.navbar-brand {
left: 35%;
}
#navbar.navbar-collapse {
overflow-y: visible;
height:100% important;
position:relative;
top:75px;
color:#fff !important;
}
#navbar ul li {
border:12px double #fff !important;
}
#navbar.navbar-collapse .side-links.soc-links a {
float: left !important;
width: 100% !important;
}
.soc-links a .fa {
top: 0px;
}
#navbar.navbar-collapse ul li ,
#navbar.navbar-collapse ul li a {
border:none;
padding-bottom:3px !important;
line-height:.8;
}
.collapse ul li {
float:left;
width:100%;
}
.collapse ul li a {
display:block;
float:left;
width:100%;
color:#fff;
}
.navbar-nav>li>a {
padding-top: 5px;
color:#fff !important;
}
.soc-links a .fa-instagram {
margin-top:-15px;
}
#bok2, #bok3 {
display: none;
}
.menu-item-details {
float: left;
margin-bottom: 40px;
width:100%;
}
.sec-img {
height: 220px !important;
}
.aboutfounder img {
border: 15px solid #fff;
box-shadow: 2px 2px 9px #777;
-ms-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
margin-top: -60px;
margin-left: 170px;
}
.locsec .fa-clock-o {
float: left;
left: -4px;
font-size: 132px !important;
opacity: 0.1;
padding-bottom: 30px;
padding-right: 7px;
position: relative;
top: -11px;
}
.locsec .fa-phone {
top: -4px !important;
}
}
@media only screen and (max-width : 769px) {
.locsec em {
font-family: 'Oswald','Alegreya', sans-serif;
line-height: 10px;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
color: #0A2069;
font-size: 22px !important;
letter-spacing: 0px;
text-shadow: 4px 4px 0 #dedede;
line-height: 1.1;
}
.locsec p {
font: 15px/1.3 'Oswald',Arial,Helvetica,sans-serif !important;
position: relative;
color: #0A2069;
padding-right: 0 !important;
}
.aboutfounder img {
border: 15px solid #fff;
box-shadow: 2px 2px 9px #777;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
margin: -70px auto 80px;
}
}
@media only screen and (max-width : 480px) {
#bok10 {
background: url('../img/2024-Best-of-Kern-County.png') no-repeat;
background-size: contain;
width: 100px;
height: 90px;
position: absolute;
top: 35px;
right: 0;
display: block;
z-index: 9;
left: 10px;
}
.menu-content__phone {
display: block;
text-align: center;
text-decoration: underline;
color: #ff9c00;
font-weight: bold;
font-size: 2rem;
line-height: 1;
margin-bottom: 1rem;
}
.menu-content__hours {
display: block;
text-align: center;
font-size: 1.8rem;
line-height: 1.2;
margin-bottom: 1rem;
}
.menu-content__st {
font-size:2rem;
font-weight:bold;
line-height:1.2;
text-transform:uppercase;
text-align:center;
}
.menu-box {
height:500px;
display: flex;
align-items:center;
justify-content:center;
flex-direction:column;
}
.menu-box-stockdale {
}
.navbar {
height: 120px;
position: relative;
}
.navbar-brand {
left: 50%;
margin-left: -147px !important;
display: block;
width: 280px;
margin-bottom: 0;
}
.navbar-wrapper .navextra-txt,
.navbar-wrapper .navextra {
display:none;
}
.main-links.lft-side a {
border-left: 2px solid #0A2069;
padding-left:22px;
}
.navbar-nav>li>a {
font-size:40px;
}
.carousel-inner .item {
height: 190px;
}
.carousel-caption h1 {
font: 17px/2 Bevan, Alegreya, Arial, Helvetica, sans-serif,'Open Sans', sans-serif !important;
letter-spacing: 1px;
word-spacing: 8px;
text-transform: uppercase;
background: rgba(10, 32, 105, 0.9);
color: #fff;
text-shadow: 3px 3px 2px #000;
border: none !important;
display: inline;
text-indent: -10px;
padding: 0px 0px 0px 2px;
}
.padded-multi-line {
display: inline;
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
background: rgba(10, 32, 105, 0.9);
color: #fff;
box-shadow: 12px 0 0 rgba(10, 32, 105, 0.9), -12px 0 0 rgba(10, 32, 105, 0.9);
}
.carousel-indicators li {
display:none;
}
.navextra-txt-cta {
display:none;
}
.main-content .container {
overflow-x:hidden;
}
.navextra-txt {
line-height: 1.2;
padding: 10px;
}
.topone.navextra-txt {
line-height: 1;
padding: 10px;
}
#Tonys-Pizza-Locations {
height:770px;
width:100%;
border-bottom:12px double #0A2069;
}
.locsec {
position: relative;
width: 100%;
border-top: 4px solid #0A2069;
padding-top: 55px;
padding-bottom: 10px;
cursor: pointer !important;
margin-left: 0px;
}
.locsec em {
font-family: 'Oswald','Alegreya', sans-serif;
line-height: 10px;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
color: #0A2069;
font-size: 34px !important;
letter-spacing: 0px;
text-shadow: 4px 4px 0 #dedede;
line-height: 1.1;
}
.locsec .addsec a {
background: #0A2069 none repeat scroll 0 0;
color: #fff !important;
float: left;
font: bold 30px/40px Alegreya, 'Oswald',Arial,Helvetica,sans-serif !important;
margin-top: -4px;
padding: 0 15px;
text-decoration: none !important;
text-shadow: 0 0 1px #222;
text-transform: uppercase;
border: 2px solid #0A2069;
letter-spacing: 2px;
position: relative;
z-index: 9999;
width: 100%;
padding: 10px;
text-align: center;
margin-bottom: 40px;
}
.locsec .phonesec {
display: block;
font: 22px/1.3 'Oswald',Arial,Helvetica,sans-serif !important;
position: relative;
color: #0A2069;
padding-right: 0 !important;
overflow: hidden;
padding-top: 50px;
margin-top: -50px;
float: left;
width:100%;
text-align:center;
}
.locsec .fa {
color:#0A2069 !important;
opacity:1 !important;
}
#all-locations-btn {
}
.sec-img {
height: 110px !important;
}
#parties .sec-img {
background: url("../img/Tonys-Pizza-Parties-Small.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#menu .sec-img {
background: url("../img/Tonys-Pizza-Banner-4-Small.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#about .sec-img {
background: url("../img/Tonys-Pizza-About-Small.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#myCarousel.carousel.slide .item.banr1 {
background: url("../img/Tonys-Pizza-Banner-1-Small.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#myCarousel.carousel.slide .item.banr2 {
background: url("../img/Tonys-Pizza-Banner-2-Small.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#myCarousel.carousel.slide .item.banr3 {
background: url("../img/Tonys-Pizza-Banner-3-Small.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#myCarousel.carousel.slide .item.banr4 {
background: url("../img/Tonys-Pizza-Banner-6-Small.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#myCarousel.carousel.slide .item.banr5 {
background: url("../img/Tonys-Pizza-Banner-5-Small.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.menu-title-sub {
line-height: .9;
margin-top:30px;
}
.menu-title {
margin-top: 50px;
font-family: 'Alegreya', sans-serif;
font-size: 42px !important;
}
.menu-item-details ul {
list-style: none;
float: left;
padding: 0;
width: 100%;
margin-top: 10px;
}
.menu-item-details {
float: left;
margin-bottom: 40px;
width: 100%;
}
.left-item {
font-size:22px;
}
.tabs {
margin: 0px;
padding: 0px;
list-style: none;
width: 100% !important;
margin-left: 30px;
width: auto;
float: left;
position: relative;
z-index: 10000;
margin-top: 3px;
margin-bottom: 10px;
padding: 0;
margin: 0;
}
.tabs li {
display: inline-block;
cursor: pointer;
font-family: 'Oswald', 'Alegreya', sans-serif;
font-weight: bold;
font-size: 29px;
color: #0A2069;
padding: 12px 14px;
line-height: 20px;
border: 3px solid #0A2069 !important;
box-shadow: 3px 4px 0 #ccc;
float: left;
width: 100%;
margin-bottom: 8px;
text-align: center;
}
.aboutfounder img {
border: 15px solid #fff;
box-shadow: 2px 2px 9px #777;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
margin-top: -70px;
margin-bottom:70px;
}
.home-box {
display: block;
background: #0A2069;
border: 10px double #fff;
color: #fff;
width: 100%;
height: 300px;
text-align: center;
margin-bottom: 20px;
}
#navbar .nav.navbar-nav {
padding: 0;
margin: 0;
top: 0;
left: 0;
background: #0A2069 !important;
width:100% !important;
margin:0!important;
padding:0!important;
}
}
@media only screen and (max-width : 400px) {
.locsec .addsec a {
background: #0A2069 none repeat scroll 0 0;
color: #fff !important;
float: left;
font: bold 25px/40px Alegreya, 'Oswald',Arial,Helvetica,sans-serif !important;
margin-top: -4px;
padding: 0 15px;
text-decoration: none !important;
text-shadow: 0 0 1px #222;
text-transform: uppercase;
border: 2px solid #0A2069;
letter-spacing: 2px;
position: relative;
z-index: 9999;
width: 100%;
padding: 10px;
text-align: center;
margin-bottom: 30px;
}
.locsec p {
font: 18px/1.3 'Oswald',Arial,Helvetica,sans-serif !important;
}
.locsec .addsec em {
font-family: 'Oswald','Alegreya', sans-serif;
line-height: 10px;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
color: #0A2069;
font-size: 32px !important;
letter-spacing: 0px;
text-shadow: 4px 4px 0 #dedede;
line-height: 1.1;
}
}
@media only screen and (max-width : 320px) {
#bok10 {
background: url('../img/2024-Best-of-Kern-County.png') no-repeat;
background-size: contain;
width: 90px;
height: 90px;
position: absolute;
top: 50px;
right: 0;
display: block;
z-index: 9;
left: 3px;
}
.menu-box {
height:900px;
}
.menu-box__st2 {
display: block;
text-align: center;
font-size: 7.1vw;
font-weight: bold;
line-height: 1.4;
text-transform: uppercase;
}
.home-box h3 {
margin-top: 40px;
font-size: 41px;
}
.menu-box__link {
line-height: 1;
margin-top:1rem;
}
.menu-box__location {
font-size:1.2rem;
color:#eee;
}
.menu-content__city {
font-size: 1.5rem;
line-height: 1.3;
text-transform: uppercase;
text-align: center;
}
.left-item {
font-size: 20px;
}
.menu-title-sub {
font-size:43px;
}
.regtxt a {
font-size: 20px;
}
}