.container {}
/*
* Fonts
*/
@font-face {
font-family: BebasNeue;
src: url('fonts/BebasNeue.otf');
}
@font-face {
font-family: BebasNeueBold;
src: url('fonts/BebasNeueBold.TTF');
}
@font-face {
font-family: MyriadProBold;
src: url('fonts/MyriadPro-Bold.otf');
}
@font-face {
font-family: OpenSansRegular;
src: url('fonts/OpenSans-Regular_0.ttf');
}
@font-face {
font-family: MyriadProRegular;
src: url('fonts/MyriadPro-regular.otf');
}
@font-face {
font-family: OpenSansBold;
src: url('fonts/OpenSans-Bold.ttf');
}
.copyright {
text-align: center;
color: #fff;
width: 100%;
padding: 5px 0;
font-family: OpenSansRegular;
font-size: 16px;
line-height: 24px;
}
.front .copyright {position: fixed; bottom:0; background: rgba(0,0,0,0.2); }
.not-front .copyright {background-color: #3085A4;}
.front #page-header {
text-align: right;
color: #fff;
background: rgba(0,0,0,0.2);
}
.user-menu ul {margin-top: 10px; padding: 0;}
.user-menu ul li a {color: #fff; text-decoration: none; font-family: OpenSansRegular; font-size: 16px; line-height: 24px;}
.user-menu ul li {display: inline-block;}
.user-menu ul li:first {border-right: 1px #fff;}
body.front {
background-image: url('images/street-car-vehicle-blur.jpg');
background-size: cover;
font-family:
}
.front section {
text-align: center;
}
.front section h1, .front section h3 {
color: #fff;
text-transform: uppercase;
}
.front section h1 {
font-family: MyriadProBold;
font-weight: 400;
font-size: 56px;
text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2);;
}
.front section h3 {
font-family: MyriadProRegular;
letter-spacing: 0.64px;
font-weight: 700;
}
.social-media a {
font-size: 20px;
color: #fff;
border: 2px solid #fff;
border-radius: 25px;
margin-right: 5px;
}
.social-media a.facebook {padding: 9px 15px;}
.social-media a.twitter, .social-media a.linkedin, .social-media a.youtube {padding: 9px 12px;}
.social-media a.google {padding: 9px 11px;}
.views-exposed-form .views-exposed-widget .form-submit {margin-top: 0; background-color: #F48100; font-size: 24px; border: none; border-radius: 0 5px 5px 0; color: #fff; font-family: OpenSansRegular; font-weight: 400; text-transform: uppercase;}
.views-exposed-form .views-exposed-widget {padding-right: 0;}
.views-exposed-form .views-exposed-widget input {height: 45px; border:none; border-radius: 5px 0 0 5px;}
.views-exposed-form .views-exposed-widget input::-webkit-input-placeholder {font-family: OpenSansRegular; color: #9a9898; font-size: 16px; line-height: 24px;}
.input-group-addon {display: none !important;}
.views-exposed-form .views-exposed-widget .btn-default:active:focus,
.views-exposed-form .views-exposed-widget .btn-default:active:hover {
background-color: #F48100;
border: none;
color: #fff;
outline: none;
}
.social-media {margin-top: 1em;}
.search {margin: 30px auto; max-width: 500px;}
.front .main-container {margin-top: 3em;}
/* Innerpage css */
.not-front #page-header {background-color: #3085A4; padding: 1em 0;}
#page-header .back {margin-top: 1.5em;}
#page-header .back a {
color: #fff;
font-size: 20px;
margin-left: 5px;
vertical-align: middle;
text-decoration: none;
}
.fa-angle-left:before {color: #fff; font-size: 44px; vertical-align: middle;}
#page-header .search-inner {margin-top: 1em;}
.user-details .views-field {display: inline-block; vertical-align: middle; font-size: 22px; text-transform: capitalize;}
.user-details .views-field img {border-radius: 50%;}
.user-details .views-field a {color: #fff; text-decoration: none; margin-left: 10px;}
.business {font-family: OpenSansRegular;}
.business-logo img {border-radius: 50%;}
.node-type-business .business-contact {border-left: 1px solid #cdcdcd;}
.views-row .business-contact {text-align: right; margin-top: 15px; display: inline-block; width: 100%;}
.views-row .business-contact span {padding: 0 5px;}
.business-details h2 {margin-top: 0;}
.business-details h2 a {text-decoration: none;}
.business-details .adr {color: #767676; font-size: 18px; text-transform: capitalize;}
.business-details .adr .street-address::after {content: ','}
.business-details .adr .street-address, .business-details .adr span {display: inline-block;}
.business-details .business-body {margin-top: 10px; padding: 0;}
.business-details .reviews-count {font-size: 12px; text-align: right;}
.business-contact, .write-reviews {color: #317AAD;}
.business-contact .fa:before, .write-reviews .fa:before {border: 1px solid; border-radius: 50%; margin-right: 5px;}
.business-contact p {margin: 15px 0;}
.fa-pencil:before {padding: 5px 6px;}
.fa-globe:before {font-size: 20px; padding: 2px 3px 2px 4px;}
.fa-envelope-o:before {padding: 5px 5px 6px 6px;}
.fa-phone:before {padding: 4px 5px 3px 6px; font-size: 18px;}
.fa-stack-exchange:before {font-size: 18px; padding: 4px 7px;}
.view-search-page .views-row {border-bottom: 1px solid #C2C2C2; display: inline-block; padding: 1em 0; width: 100%;}
.node-type-business #node-title h1 {margin: 0; padding: 20px 0; color: #7E8C8C; font-size: 22px; text-transform: capitalize;}
.node-type-business #node-title {background-color: #ececec; position: relative; top: -5px; margin-bottom: 30px;}
.business-details h2 {color: #337ab7; text-transform: capitalize; margin-bottom: 5px;}
.business-address {color: #777; font-size: 20px;}
.node-type-business .business.result,
.node-type-business .photo-gallery,
.node-type-business .reviews {border: 1px solid #bdb9ba; padding: 15px;}
.node-type-business .responsive-tabs-container {border: 1px solid #bdb9ba;}
.node-type-business .responsive-tabs-container ul {background-color: #f5f5f5;}
.node-type-business .responsive-tabs-container .tab-content {padding: 10px;}
.node-type-business .rating-reviews {border-right:1px solid #cdcdcd;}
.node-type-business .write-reviews {margin-top: 1em;}
.main-container {padding-bottom: 2em;}
#owl-demo .item{margin: 3px; display: inline-block;}
#owl-demo .item img{display: block; height: auto; border-radius: 50%;}
.photo-gallery, .node-type-business .reviews {clear: both; margin: 15px 0; display: inline-block; width: 100%;}
.photo-gallery h3, .node-type-business .reviews h3 {margin: 10px 0;}
.node-type-business .reviews {margin-bottom: 0;}
.rating_bar {
/*this class creats 5 stars bar with empty stars */
/*each star is 16 px, it means 5 stars will make 80px together */
width: 80px;
/*height of empty star*/
height: 16px;
/*background image with stars */
background: url('images/stars.png');
/*which will be repeated horizontally */
background-repeat: repeat-x;
/* as we are using sprite image, we need to position it to use right star,
//0 0 is for empty */
background-position: 0 0;
/* align inner div to the left */
text-align: left;
}
.rating {
/* height of full star is the same, we won't specify width here */
height: 16px;
/* background image with stars */
background: url('images/stars.png');
/* now we will position background image to use 16px from top,
//which means use full stars */
background-position: 0 -16px;
/* and repeat them horizontally */
background-repeat: repeat-x;
}
.views-row .rating_bar {
display: inline-block;
position: relative;
left: 15em;
bottom: 1.3em;
}
.comment {border-top: 1px solid #ccc; padding-top: 10px;}
.comment h3 {display: none;}
/* User pages Css*/
.page-user-login,
.page-user-password,
.not-logged-in.page-user,
.page-business-register {
background: #e4e4e4;
}
.not-logged-in.page-user .breadcrumb {
display: none;
}
.page-user-login .main-container,
.page-user-password .main-container,
.not-logged-in.page-user .main-container,
.page-business-register .main-container {
max-width: 500px;
background: #fff;
padding: 0px 50px 50px;
margin-top: 5em;
border-radius: 5px;
}
.not-logged-in.page-user.page-user-register .main-container,
.not-logged-in.page-business-register .main-container,
.not-logged-in.page-business-register #node-title .container {
max-width: 665px;
}
.page-user-login .main-container .tabs--primary.nav-tabs,
.not-logged-in.page-business-register .tabs--primary.nav-tabs,
.page-user-password .main-container .tabs--primary.nav-tabs,
.page-user-register .main-container .tabs--primary.nav-tabs,
.page-user-register .main-container h1.page-header,
.page-business-register .container h1.page-header,
.not-logged-in.page-user .main-container .tabs--primary.nav-tabs {
display: none;
}
.page-user-login .main-container h1.page-header,
.page-user-password .main-container h1.page-header,
.not-logged-in.page-user .main-container h1.page-header,
.not-logged-in.page-business-register .main-container h1,
.page-user-register .main-container h1 {
font-size: 26px;
text-align: center;
}
.not-logged-in.page-business-register .main-container h1,
.page-user-register .main-container h1 {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 20px;
}
.page-user-login .main-container .user-login-links,
.page-user-password .main-container .user-login-links,
.not-logged-in.page-user .main-container .user-login-links {
margin-bottom: 5px;
}
.page-user-login .main-container .form-actions,
.page-user-password .main-container .form-actions,
.not-logged-in.page-user .main-container .form-actions,
.page-user-register .main-container .form-actions,
.not-logged-in.page-business-register .main-container .form-actions{
text-align: center;
}
.page-user-login .copyright,
.page-user-password .copyright,
.page-user-register .copyright,
.not-logged-in.page-business-register .copyright,
.not-logged-in.page-user .copyright {
position: fixed;
bottom: 0;
}
.page-user-register .form-item-pass-pass1,
.page-user-register .form-item-pass-pass2,
.not-logged-in.page-business-register .form-item-pass-pass1,
.not-logged-in.page-business-register .form-item-pass-pass2 {
width: auto;
}
.help-block {
clear: both;
padding-left: 20px;
margin-bottom: 0 !important;
}
.form-item-existing-business .input-group-addon {display: table-cell !important;}
.form-item-existing-business {border-bottom: 1px solid #eee; padding-bottom: 20px;}
.page-user-register .form-item-pass label span, .page-user-register .form-item-pass label {display: none;}
.page-user-register .form-item-pass .row label span, .page-user-register .form-item-pass .row label {display: inline;}
.progress {margin-bottom: 0 !important;}
.page-user .business-details .business.result,
.page-user .business-details .photo-gallery {
border: 1px solid #bdb9ba;
padding: 15px;
display: inline-block;
width: 100%;
}
.page-user .business-details .reviews, .page-user .business-details header {display: none;}
.page-user .business-details .quick-tabs {clear: both; padding-top: 15px;}
.page-user .field-name-field-profile-photo {width: 16% !important;}
.page-user .entity .field {float: left; width: 80%;}
@media only screen and (min-width : 320px) and (max-width : 480px), only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.front section h1 {
font-size: 42px
}
.front section h3 {
font-size: 24px;
}
.views-widget-filter-combine {
width: 260px;
}
.page-user #page-header .back {display: none;}
#page-header .search-inner {padding: 0; margin: 0 auto;}
.social-media a.twitter, .social-media a.linkedin, .social-media a.youtube, .social-media a.google {padding: 6px 10px;}
.social-media a.facebook {padding: 6px 13px;}
.page-user-register .copyright{
position: relative;
}
.business.result {padding: 15px 0;}
.business-logo img {margin: 0 auto;}
.business-details .business-body {text-align: justify;}
.views-row .rating_bar {left: 1em; bottom: 0;}
.views-row .business-contact span {text-align: left; margin: 12px 0; padding: 0; display: block;}
.node-type-business .business.result, .node-type-business .reviews {padding: 15px 0;}
.node-type-business .business-contact {border-left: none;}
.node-type-business .rating-reviews {border-right: none;}
.node-type-business .write-reviews {text-align: right; margin-top: -25px;}
#owl-demo .item img {width: 110px; text-align: center;}
}