File "123-custom.css"
Full Path: /var/www/vhosts/hogsandbbqs.co.uk/httpdocs/addons/css/123-custom.css
File size: 27.56 KB
MIME-type: text/plain
Charset: utf-8
@media only screen and (max-width : 480px){
.subItemsDiv .col-xs-6 {
margin:0px !important;
padding:5px 10px !important;
}
body .camerarelative {
width:85% !important;
}
body .slider-content h3 {
font-size: 18px;
line-height: 26px;
}
.mobile-remove-padding {
padding:0px !important;
}
.header .container {
padding-right:0px;
}
.opening-time {
font-size:13px;
}
.second_menu a {
font-size:14px;
}
.top-social-icons, .call-numbers {
width:100%;
text-align: center;
display: inline-block;
}
.header .call-numbers, .header .opening-time span {
padding-top:0px !important;
}
.header .top-social-icons li {
padding:0px 3px;
}
.right.top-reservation-btn {
float:none;
text-align:center;
}
}
@media only screen and (max-width : 1280px){
.popup .popup-inner {
top:53%;
height: 360px;
overflow-y: auto;
}
}
@media only screen and (max-width : 768px){
.desktop-rows .website-logo {
margin-top:0px;
}
.desktop-rows {
margin-top: -50px;
position: relative;
width: 100%;
margin-bottom: 10px;
display: inline-block;
}
.col-sm-6 {
width:100%;
display:inline-block;
}
body .container {
padding-left:0px;
padding-right:0px;
}
}
@media only screen and (min-width : 992px) and (max-width : 1280px){
.header .top_nav .second_menu ul li {
padding:5px 0px;
}
.header .col-md-7, .header .col-md-7 .col-sm-3 {
padding-left:0px;
}
}
.dashboard-box .food_wrap_inner {
max-width:100%;
height:140px;
}
.food-menu .food-icons {
max-height:140px;
max-width:100%;
}
.dashboard-box .box-body.bg-colors {
background-color:#f8f9fd;
}
.dashboard-totals .yellow-color {
color:#FFCC00;
}
.dashboard-totals .green-color {
color:#99CC00;
}
.dashboard-totals h1 {
font-size:28px;
font-weight:bold;
}
.icon-titles {
top: -10px;
position: relative;
}
h2.dash-pink {
font-size:26px;
font-weight:bold;
}
.dash-pink {
color:#ff6e02;
}
.mrg-10 {
margin:5px 0px;
border-bottom:1px solid #333;
}
.pdd-5 {
padding:5px;
}
.food-menu {
text-align:center;
}
.btn-body {
text-transform:uppercase;
color:#fff;
background-color:#ff6e02;
font-weight:bold;
}
.box-body p {
padding:5px 0px;
}
.fnt-size-26px {
font-size:26px;
}
body .food_order .item_photo img {
height:auto;
min-height:180px;
width:100%;
}
.price_selected_wrap .quantityp {
font-weight:bold;
font-size: 22px;
}
ul.price li {
font-weight:bold;
}
.item_description {
text-align:right;
}
.quote-section h2, .quote-section h3 {
font-weight:bold;
}
.quote-section h2 {
color:#ffc20f;
}
.quote-section h3 {
color:#c42126;
}
.quote-itm {
padding: 5px 0px;
margin: 5px 0px;
border-bottom: 1px solid;
}
.free-delivery-banner a {
color:#fff;
}
.free-delivery-banner a span.left-finial {
background: url(../../upload/left-line.png) center top no-repeat;
}
.free-delivery-banner a span.right-finial {
background: url(../../upload/right-line.png) center top no-repeat;
}
.free-delivery-banner a span.left-finial, .free-delivery-banner a span.right-finial {
width: 61px;
height: 4px;
vertical-align: middle;
display:inline-block;
}
.free-delivery-banner a span.text {
text-transform: uppercase;
margin: 0 10px;
display:inline-block;
}
.popUpMenuBox table {
border-spacing: 10px;
border: 1px solid;
border-collapse: separate;
font-size:12px;
}
.popUpMenuBox tr {
}
.popUpMenuBox th {
}
.popUpMenuBox td {
}
.popUpMenuBox thead {
}
.popUpMenuBox h4 {
margin: 5px 0px !important
}
.popUpMenuBox p {
font-size:12px;
line-height:16px;
}
.free-delivery-banner {
background:url(../../upload/free-delivery-slip-bg.png) center top no-repeat;
}
.top-mobile-menu {
display:none;
}
body .header .mobile_menu_handle i {
color:#333;
}
.home_brandslirder img {
height:300px;
}
.home_brandslirder .bx-caption {
padding:10px;
font-size:18px;
text-align:center;
}
img, input[type="image"] {
max-width: 100%;
max-height: 100%;
height: auto;
}
.bottom-article {
border-bottom: 1px solid #f5f5f5;
border-top: 1px solid #f5f5f5;
margin-top: 20px;
overflow: hidden;
padding: 10px 0;
}
#DataContainer .pagination {
height: 25px;
width: 100%;
}
.pagination {
border-radius: 4px;
display: inline-block;
margin: 20px 0;
padding-left: 0;
}
.pagination ul {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
margin-bottom: 0;
margin-left: 0;
}
#DataContainer .pagination ul li.inactive, #DataContainer .pagination ul li.inactive:hover {
background-color: #ededed;
border: 1px solid #bababa;
color: #bababa;
cursor: default;
}
#DataContainer .pagination ul li {
background-color: #f2f2f2;
border: 1px solid #006699;
color: #006699;
float: left;
font-family: arial;
font-size: 14px;
font-weight: bold;
list-style: outside none none;
margin: 0 3px;
padding: 2px 6px;
}
.footer .services-quick-link a {
color:#FFFFFF;
}
.homePageWhiteBg h1 {
font-size:26px;
}
.homePageWhiteBg p {
color: #999696;
line-height: 20px;
text-align: left;
margin:5px 0px;
}
.homePageEventCaptions h2 {
color:#FFFFFF;
}
.homePageEventCaptions {
/*background:#0177c1;*/
background: rgba(1, 119, 193, 0.7);
color:#FFFFFF;
margin-top: -60px;
padding: 10px;
z-index: 999;
position:relative;
}
.homePageWhiteBg img {
z-index:0;
}
.middle_bottom {
background:#0177c1;
padding:10px;
margin:10px 0px;
color:#FFFFFF;
}
.middle_bottom a {
background:#FFFFFF;
color:#333333;
font-size:18px;
}
.middle_bottom a:hover {
background:#FFFFFF;
color:#333333;
}
.middle_bottom h1 {
font-size:3em;
line-height:1.5em;
color:#FFFFFF;
}
.homePageWhiteBg {
background:#FFFFFF;
text-align:left;
}
.homePageButton {
background:#0177c1;
color:#FFFFFF;
/*margin:5px;*/
padding:10px;
}
.homePageButton:hover {
background:#0177c1;
color:#FFFFFF;
}
.full-width-img {
width:100%;
margin:10px 0px;
}
.map_canvas {
width: 100%;
height: 360px;
margin: 20px 0px;
background-image: url(../images/splash-screen.png);
background-size: 100% 115%;
background-position: center;
border: 1px solid #000;
}
.sp-minus {
width:40px;
height:40px;
border:1px solid #e1e1e1;
float:left;
text-align:center;
}
.sp-input {
width:40px;
height:40px;
border:1px solid #e1e1e1;
border-left:0px solid black;
float:left;
}
.sp-plus {
width:40px;
height:40px;
border:1px solid #e1e1e1;
border-left:0px solid #e1e1e1;
float:left;
text-align:center;
}
.itmCheckBox {
display: inline-block;
margin: 15px 0;
position: relative;
width: 25px;
}
.sp-input input {
width:30px;
height:34px;
text-align:center;
border: none;
}
.sp-input input:focus {
border:1px solid #e1e1e1;
border: none;
}
.sp-minus a, .sp-plus a {
display: block;
width: 100%;
height: 100%;
padding-top:5px;
}
#accordion .sp-minus a, #accordion .sp-plus a {
padding-top:0px;
}
#accordion .sp-quantity {
width:65px;
}
h3.ui-accordion-header {
padding:0.5em 0.5em 0.5em 2.2em;
}
#accordion .sp-minus {
height: 20px;
width: 20px;
}
#accordion .sp-input, #accordion .sp-plus {
height: 20px;
width: 20px;
}
#accordion .sp-input input {
padding:5px;
height: 20px;
width: 20px;
}
#accordion .ui-accordion-content {
padding:5px;
}
.accordion-tables {
font-size:14px;
}
.modal.pop_login {
width:auto;
left:0px;
top:25%;
}
.formTotalPrices {
color:#d83a00;
font-size:24px;
}
.inputBootStrapDesign label.input:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background-color: #aaa;
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.inputBootStrapDesign input[type=radio]:checked + label:before {
color: #f3f3f3;
content: "\2022";
font-size: 24px;
line-height: 16px;
text-align: center;
}
.inputBootStrapDesign label.input {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 13px;
}
.inputBootStrapDesign input[type=radio], .inputBootStrapDesign input[type=checkbox] {
display: none;
}
.inputBootStrapDesign .radio label:before {
border-radius: 8px;
}
.inputBootStrapDesign .checkbox label:before {
border-radius: 3px;
}
.inputBootStrapDesign input[type=checkbox]:checked + label:before {
color: #f3f3f3;
content: "\2713";
font-size: 15px;
line-height: 15px;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.food_category li {
margin:5px 0px;
}
.row-close {
margin:5px 0px;
}
.extras_wrap ul li {
text-align:center;
}
.header .top_nav a {
color:#000;
}
body .uk-sticky .header {
background:#fff !important;
}
body .uk-sticky .header .second_menu a:hover {
color:#b3aaaa;
}
body .footer {
width:100% !important;
}
.slider-content a {
color:#0077c0;
}
.slider-price {
font-weight:bold;
font-size:24px;
line-height:30px;
}
.slider-content-short-description {
padding:10px;
position:absolute;
/*background:rgba(0,0,0,0.8);*/
color:#666666;
top:60%;
}
.slider-content-short-description h3 {
color:#FFFFFF;
font-weight:bold;
font-size:24px;
line-height:28px;
}
.slider-content h3 {
color:#0077c0;
font-weight:bold;
font-size:24px;
line-height:30px;
padding:20px;
}
.home-page-our-locations.home-page-category-section .col-md-2 {
padding:0px 3px;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home_page .menu_gallery ul li {
width:260px;
height:160px;
}
.home_page .da-thumbs li a img {
height:160px;
}
.camerarelative {
/*background:url(../images/bg05.png);
width: 75% !important;
float: right;
margin:8%;
height:250px !important;*/
}
.over_text_content {
background-repeat:no-repeat;
padding-top: 20%;
text-align: center;
font-weight: bold;
color: #fff;
font-size: 32px;
background-position: bottom center;
background-size: 100% 100%;
padding-bottom: 10%;
padding-left:30px;
padding-right:30px;
}
.homeReviewSliderSection {
background-image:url(../images/5-star-reviews-garraways.png);
background-repeat:no-repeat;
background-size:cover;
text-align:center;
margin-bottom:5px;
padding:5px 0px;
}
body .bx-wrapper img {
display:inline-block;
}
.homeReviewSliderSection h2 {
font-weight:bold;
line-height: 22px;
font-size: 18px;
}
.homeReviewSliderSection p {
font-size:12px;
margin:5px 0px;
}
.homeReviewSliderSection li {
height:125px;
}
.homeReviewSliderSection .bx-wrapper .bx-viewport {
background-color:transparent;
left:0px;
border-color: transparent;
}
.slider-section #camera_wrap_4 {
max-height:345px;
}
.cat-title {
font-size:22px;
font-weight:bold;
}
.border-radius-20px {
border-radius:20px !important;
padding:5px 20px !important;
}
.slider-section {
max-height:345px;
margin-bottom:10px;
}
.slider-content h3 {
padding:5px;
}
.slider-content {
font-size:16px;
line-height:20px;
float:right;
/*background:rgba(255,0,0,0.8);*/
color:#0077c0;
top:10%;
position:absolute;
/*width:200px;*/
min-height:200px;
padding:10px;
/*border:1px solid #fff;
border-radius:50%;*/
text-align:center;
}
.left_side {
left:20%;
}
.right_side {
right:20%;
}
.slider-section {
width:100%;
display:inline-block;
background:rgba(255,255,255,0.5);
}
.body-container {
background:rgba(255,255,255,0.5);
}
.margin-top-0px{margin-top:0px ; margin-bottom:0px ; }
.margin-top-5px{margin-top:5px; margin-bottom:5px;}
.margin-top-10px{margin-top:10px; margin-bottom:10px;}
.margin-top-15px{margin-top:15px; margin-bottom:15px;}
.margin-top-20px{margin-top:20px; margin-bottom:20px;}
.margin-bottom-0px{ margin-bottom:0px;}
.margin-bottom-5px{ margin-bottom:5px;}
.margin-bottom-10px{ margin-bottom:10px;}
.margin-bottom-20px{ margin-bottom:20px;}
.margin-top-50{margin-top:55px}
.margin-0px{margin:0 !important;}
.margin-5px{margin-left:5px; margin-right:5px;}
.margin-10px{margin-left:10px; margin-right:10px;}
.margin-20px{margin-left:20px; margin-right:20px;}
.margin-40px{margin-left:40px; margin-right:40px;}
/********** Padding *************/
.padding-top-0px{padding-top:0px !important; padding-bottom:0px !important;}
.padding-top-5px{padding-top:5px; padding-bottom:5px;}
.padding-top-10px{padding-top:10px; padding-bottom:10px;}
.padding-top-15px{padding-top:15px; padding-bottom:15px;}
.padding-top-20px{padding-top:20px; padding-bottom:20px;}
.padding-top-30px{padding-top:25px; padding-bottom:25px;}
.padding-0px{padding-left:0px !important; padding-right:0px !important;}
.padding-5px{padding-left:5px !important; padding-right:5px !important;}
.padding-10px{padding-left:10px; padding-right:10px;}
.padding-15px{padding-left:15px; padding-right:15px;}
.padding-20px{padding-left:20px; padding-right:20px;}
.padding-30px{padding-left:30px; padding-right:30px;}
.padding-40px{padding-left:40px; padding-right:30px;}
.padding-left-10px{
padding-left:5px !important; padding-top:0 !important;padding-right:0px !important;
}
.footer li {
padding:2px;
margin:3px 0px;
border-bottom:1px solid #444;
}
.footer a, .footer a:hover {
color: #5c5c5c;
font-size:12px;
}
.footer-1 p {
margin:5px 0px;
}
.footer-1 {
background:#000000;
color:#FFFFFF;
font-size:14px;
}
.white-color {
color:#FFFFFF !important;
}
.footer {
font-size:14px;
line-height:18px;
}
.footer .signup-signin {
font-size:12px;
line-height:14px;
}
.border-black {
border: 1px solid black;
}
.rounded-4px {
border-radius: 4px;
}
.red-bg {
background: #d83a00;
}
.btn.red-bg {
background-color: #a62b00 !important;
}
.red-bg-1 {
background: #a62b00;
}
.red-color {
color: #d83a00;
}
.social-menu-item {
width: 38px;
height: 55px;
display: inline-block;
position: relative;
overflow: hidden;
border-radius: 3px;
}
.footer-social-icon .social-menu-item .icon {
color: #FFF;
}
.social-menu-item span.active {
top: -20px !important;
font-size: 0px !important;
}
.social-menu-item .icon {
width: 32px;
height: 32px;
padding: 15px 9px 5px 4px;
font-size: 25px;
text-align: center;
}
.social-menu-item:hover > .text {
bottom: 0;
font-size: 25px;
padding: 0px 0px 0px 0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-align: center;
border-top: #09F thin dotted;
border-top-width: 0px;
}
.social-menu-item .text {
text-decoration: none;
font-size: 0px;
padding: 20px 0px 17px 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
width: 100%;
position: absolute;
bottom: -54px;
display: block;
border-top: #09F thin solid;
border-top-width: 9px;
border-radius: 6px;
background-color: #FFF;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footer-quick-link li {
float:left;
width:50%;
}
.featured_item.item_same_cat_wrap .bx-wrapper {
width:100%;
max-width:100% !important;
}
.inner_pages {
background:rgba(255,255,255,0.8);
padding:10px;
}
.gallery-page .gallery-box {
margin: 5px 0px 12px;
}
.gallery-box {
box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
margin:5px 0px;
}
.gallery-caption {
height: 75px;
overflow: hidden;
background:rgba(255,0,0,0.7);
padding:5px;
color:#FFFFFF;
font-weight:bold;
margin-top:10px;
}
.galleryThumbs {
height:250px;
opacity:0.8;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
border: 10px solid #fff;
}
.galleryThumbs:hover {
opacity:1;
}
.tilt {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.tilt:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
/*SIDEPAN*/
.sidepan img {
margin-left: 0px;
-webkit-transition: margin 1s ease;
-moz-transition: margin 1s ease;
-o-transition: margin 1s ease;
-ms-transition: margin 1s ease;
transition: margin 1s ease;
}
.sidepan img:hover {
margin-left: -200px;
}
.vertpan img {
margin-top: 0px;
-webkit-transition: margin 1s ease;
-moz-transition: margin 1s ease;
-o-transition: margin 1s ease;
-ms-transition: margin 1s ease;
transition: margin 1s ease;
}
.vertpan img:hover {
margin-top: -200px;
}
/*FOCUS*/
.focus {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.focus:hover {
border: 70px solid #000;
border-radius: 50%;
}
.blur img {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.blur img:hover {
-webkit-filter: blur(5px);
}
.bw {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.bw:hover {
-webkit-filter: grayscale(100%);
}
.brighten img {
-webkit-filter: brightness(-65%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.brighten img:hover {
-webkit-filter: brightness(0%);
}
.morph {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.morph:hover {
border-radius: 50%;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.home-page-category-section h2 {
letter-spacing:4px;
font-size:32px;
font-weight:bold;
}
.green-color {
color:#90ca42;
}
.green-bg {
background-color: #90ca42;
}
.upper-text {
text-transform:uppercase;
}
.white-bg {
background-color:#fff;
}
.pd-10px {
padding:10px;
}
.header .cart_handle .fa-shopping-cart {
color:#333;
}
.header .top_nav ul li {
float:left;
}
.website-logo {
display:inline-block;
padding-bottom:10px;
margin-top:-20px;
}
.top_nav .second_menu li {
padding:10px;
}
.top-social-icons li {
padding:5px 3px;
float:left;
}
.top-social-icons img {
max-height:32px;
max-width:32px;
}
.call-numbers, .opening-time span {
font-weight:bold;
padding-top:10px;
}
.call-numbers span {
font-size:22px;
}
.call-numbers, .opening-time span {
font-weight:bold;
padding-top:10px;
text-align:right;
}
.opening-time {
background-image:url(../images/time-icons.png);
background-repeat:no-repeat;
padding:10px 10px 5px 50px;
}
body .btn {
padding:6px 10px;
}
.paginationTable li{ cursor:pointer;}
.itm-price {
color:#333;
font-size:22px;
}
.page-right-btns a {
padding:6px 34px;
}
.pd-5px {
padding:5px;
}
/* Outer */
.popup {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.75);
z-index: 999;
}
/* Inner */
.popup-inner li {
width:50%;
float:left;
border: 1px solid #cdcdcd;
text-align: center;
}
.full-width {
width:100%;
display:inline-block;
}
.popup-inner {
max-width:700px;
width:90%;
padding:20px;
position:absolute;
top:44%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:12px;
background:#fff;
}
/* Close Button */
.popup-close {
width:30px;
height:30px;
padding-top:4px;
display:inline-block;
position:absolute;
top:0px;
right:0px;
transition:ease 0.25s all;
-webkit-transform:translate(50%, -50%);
transform:translate(50%, -50%);
border-radius:1000px;
background:rgba(0,0,0,0.8);
font-family:Arial, Sans-Serif;
font-size:20px;
text-align:center;
line-height:100%;
color:#fff;
}
.popup-close:hover {
-webkit-transform:translate(50%, -50%) rotate(180deg);
transform:translate(50%, -50%) rotate(180deg);
background:rgba(0,0,0,1);
text-decoration:none;
}
.font-size-full {
font-size:24px;
}
.itm-img {
max-height:70px;
max-width:180px;
}
.itm-check {
float:right;
margin-top:-18%;
}
.itm-li {
padding:5px;
}
.location-itm {
border-bottom: 1px solid;
padding:0px 5px;
}
.location-itm h4 {
font-size:16px;
}
.location-itm .locationState {
font-size:14px;
}
.location-itm .servicesBoxes p {
font-size:12px;
}
.location-itm .locationAddress {
font-size:13px;
}
.location-itm .locationAddress span {
font-weight:bold;
}
.servicesBoxes {
background-color:#ededed;
text-align:center;
padding:5px;
margin:3px 0px;
}
.popup-inner .popUpMenuBox {
display: inline-block;
overflow-y: auto;
max-height: 400px;
}
.top_nav .second_menu li:hover {
background-color:#90ca42;
}
.top_nav .second_menu li:hover a, .top_nav .second_menu li:hover a:hover {
color:#fff;
}
.home-slider-section {
float:left;
width:65%;
}
.slider-review-banners {
float:left;
width:33%;
margin-left:2%;
}
.gallery-caption a {
color:#000;
}
.category-links ul {
padding:0px;
margin:0px;
}
.category-links li {
float: left;
padding: 5px 20px;
border-right: 1px solid #fff;
}
.category-links a, .category-links a:hover, .category-links a:focus {
color:#fff;
}
.category-links {
background-color:#656565;
border-radius:10px;
display:inline-block;
width:100%;
padding:5px;
}
.gallery-titles {
background-color:#fff;
display:inline-block;
width:100%;
padding:5px;
}
.footer .galleryThumbs {
max-height: 100px;
}
.footer .gallery-caption {
height:55px;
}
.footer .gallery-caption a {
color:#fff;
}
.view_all_gallery {
font-family:'Black Han Sans', Arial, Helvetica, sans-serif;
display:inline-block;
width:100%;
padding:5px;
text-align:center;
}
.view_all_gallery a {
background-color: #039220;
border-radius: 25px;
color: #fff !important;
border: 5px solid #fff;
padding: 10px;
font-size: 16px !important;
display: inline-block;
}
.gallery-titles h1 {
font-family:'Black Han Sans', Arial, Helvetica, sans-serif;
font-size: 62px;
letter-spacing: 5px;
line-height: 62px;
color:#e83628;
}
.gallery-titles h2 {
font-family:'Black Han Sans', Arial, Helvetica, sans-serif;
font-size: 52px !important;
letter-spacing: 5px;
line-height: 52px;
color:#474c0a;
}
.gallery-titles h3 {
font-family:'Black Han Sans', Arial, Helvetica, sans-serif;
font-size: 42px;
letter-spacing: 5px;
line-height: 42px;
color:#333;
}
.website-logo h1.site_title {
display:none;
}
.desktopTopLoginBox {
float: right;
margin-right: 26%;
margin-top: -30px;
position:relative;
z-index:999;
}
.zIndex_1 {
z-index:1;
}
.modal.applyFormDiv {
top:10%;
}
.btn.applyFOrmButton {
font-size:22px;
}
.desktopTopLoginBox {
}
.recent_order_wrap .inner > ul > li {
padding: 10px 0px;
margin: 5px 0px;
border-bottom: 1px solid;
}
.terms-use p {
padding:5px 0px;
}
.header-breaking {
border: solid 1px #333;
overflow: hidden;
height: 30px;
width:100%;
position: relative;
}
.header-breaking .breaking-news-headline a {
color:#07d;
text-decoration: none;
padding:0px 10px;
}
.header-breaking .breaking-news-headline {
text-decoration: none;
background-color: transparent;
color:#fdfdfd;
height: 30px;
display: block;
padding-top: 3px;
font-weight: bold;
}
.header-breaking .breaking-news-title {
background-color: #333;
color:#fff;
display: block;
text-decoration: none;
height: 30px;
padding:20px 10px;
text-align: center;
padding-top: 4px;
font-weight: bold;
position: absolute;
z-index: 10;
}
.wight-color {
color:#fff;
}
.marquee {
margin: 0;
padding-left: 600px;
display: inline-block;
white-space: nowrap;
animation-name: marquee;
animation-timing-function: linear;
animation-duration: 100s;
animation-iteration-count: infinite;
}
@keyframes marquee {
from {
transform: translate(0%);
}
99%, to {
transform: translate(-100%);
}
}
.p-tb-10 {
padding:10px 0px;
}
.dropdown_dash {
float: left;
overflow: hidden;
}
.dropdown_dash .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.dashboard-box {
border:1px solid #ccc;
background-color:#f8f9fd;
}
.dashboard-box .box-title {
padding: 10px 0px;
}
.dahsboard-img {
padding:20px;
text-align:center;
}
.dashboard-box .box-title h3 {
color:#ff6f00;
text-transform:uppercase;
}
.dashboard-box .box-title h3 .count_span {
color: #fff;
padding: 2px 5px;
border-radius: 50%;
background-color: #ff6f00;
font-size: 12px;
font-weight: bolder;
}
.dashboard-box .box-title h3 .title_span {
padding:10px;
border-bottom:3px solid #ff6f00;
background-color:#fff;
}
.dashboard-box .box-body {
padding:10px;
background-color:#fff;
}
.dropdown_dash:hover .dropbtn {
background-color: red;
}
.dropdown-content ul {
}
.dropdown-content li {
width:100%;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #333;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 9999;
}
.dropdown-content a:hover {
padding: 10px 5px !important;
font-size:12px;
}
.dropdown-content a {
float: none;
color: black;
padding: 10px 5px;
text-decoration: none;
display: block;
text-align: left;
color:#fff !important;
font-size:12px;
}
.dropdown-content li:hover {
background-color: #ddd;
}
.dropdown-content li a:hover {
color: #333 !important;
}
.dropdown_dash:hover .dropdown-content {
display: block;
}
.userMenus li {
padding:5px;
}
.userMenus a {
color:#000000;
font-size:12px;
}
.footer_offerSlirder .home_brandslirder_itm h3.product_title {
color: #90ca42;
padding-bottom:10px;
font-size: 22px;
font-weight: bold;
}
.footer_offerSlirder .home_brandslirder_itm .itm-price {
font-size:16px;
}
.footer_offerSlirder .productImgBox {
height:200px;
overflow:hidden;
}
.footer_offerSlirder .productImgBox img {
max-height:200px;
}
.footer_offerSlirder .productContentBox {
height: 195px;
padding: 10px 10px 0px;
overflow: hidden;
}
@media (min-width: 768px){
.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
width: 20%;
*width: 20%;
}
.location-itm {
min-height: 225px;
}
}
@media (min-width: 1200px) {
.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
width: 20%;
*width: 20%;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
width: 20%;
*width: 20%;
}
}