/*-----------------------------------------------------------------------------------
Theme Name: Canvas
Theme URI: http://themes.semicolonweb.com/html/canvas
Description: The Multi-Purpose Template
Author: SemiColonWeb
Author URI: http://themeforest.net/user/semicolonweb
Version: 2.5
-----------------------------------------------------------------------------------*/
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
dl,
dt,
dd,
ol,
ul,
li {
margin: 0;
padding: 0;
}
.clear {
clear: both;
display: block;
font-size: 0px;
height: 0px;
line-height: 0;
width: 100%;
overflow: hidden;
}
::selection {
background: #7ED32D;
color: #FFF;
text-shadow: none;
}
::-moz-selection {
background: #7ED32D;
/* Firefox */
color: #FFF;
text-shadow: none;
}
::-webkit-selection {
background: #7ED32D;
/* Safari */
color: #FFF;
text-shadow: none;
}
:active,
:focus {
outline: none !important;
}
/* ----------------------------------------------------------------
Footer
-----------------------------------------------------------------*/
#footer {
position: relative;
background-color: #862632;
border-top: 5px solid rgba(0, 0, 0, 0.2);
}
#footer .footer-widgets-wrap {
position: relative;
padding: 20px 0;
}
.footer-widgets-wrap .col_full,
.footer-widgets-wrap .col_half,
.footer-widgets-wrap .col_one_third,
.footer-widgets-wrap .col_two_third,
.footer-widgets-wrap .col_three_fourth,
.footer-widgets-wrap .col_one_fourth,
.footer-widgets-wrap .col_one_fifth,
.footer-widgets-wrap .col_two_fifth,
.footer-widgets-wrap .col_three_fifth,
.footer-widgets-wrap .col_four_fifth,
.footer-widgets-wrap .col_one_sixth,
.footer-widgets-wrap .col_five_sixth {
margin-bottom: 0;
}
#copyrights {
border-top: 2px solid #fff;
padding: 15px 0;
font-size: 14px;
line-height: 1.8;
}
#copyrights i.footer-icon {
position: relative;
top: 1px;
font-size: 14px;
width: 14px;
text-align: center;
margin-right: 3px;
}
.copyright-links a {
display: inline-block;
margin: 0 3px;
color: #333;
border-bottom: 1px dotted #444;
}
.copyright-links a:hover {
color: #555;
border-bottom: 1px solid #666;
}
.copyrights-menu {
margin-bottom: 10px;
color: #FFF;
}
.copyrights-menu a {
font-size: 14px;
margin: 0 10px;
border-bottom: 0 !important;
color: #FFF;
}
#copyrights .col_half {
margin-bottom: 0 !important;
}
#copyrights a:first-child {
margin-left: 0;
}
#copyrights .tright a:last-child {
margin-right: 0;
}
.footer-logo {
display: block;
margin-bottom: 30px;
}
/* add by Mike */
.securityDetail {
display: inline-block;
}
.menuBtn {
display: none;
position: absolute;
right: 0px;
top: 24px;
border: 1px solid #cdcdcd;
padding: 10px;
border-radius: 8px;
}
.menu-toggle {
position: relative;
display: block;
width: 26px;
height: 22px;
background: transparent;
border-top: 4px solid;
border-bottom: 4px solid;
color: #333333;
font-size: 0;
transition: all 0.25s ease-in-out;
}
.mobile .navbar {
overflow: scroll;
}
.mobile .collapse ul {
list-style: none;
font-size: 14px;
}
.mobile .collapse ul li {
padding: 15px 20px;
}
.mobile .collapse ul li a {
color: inherit;
}
.mobile {
display: block !important;
}
.mobile .collapse {
display: block;
}
.mobile .nav-item {
width: 100%;
}
.menu-toggle:before,
.menu-toggle:after {
content: '';
display: block;
width: 100%;
height: 4px;
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
button:hover {
color: #333333;
}
button.is-active {
border-color: transparent;
}
button.is-active:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
button.is-active:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
button {
border: none;
cursor: pointer;
outline: none;
}
.navHearder {
font-size: 0px;
}
.logo {
width: 20%;
}
.deskTop {
position: relative;
}
.headerinfo {
font-size: 14px;
width: 40%;
}
.headerinfo,
.logo {
vertical-align: middle;
display: inline-block;
}
.headerinfoWhatsapp::before {
position: absolute;
left: 0px;
content: url(../winecellar/images/wahtapp_icon.png);
top: 6px;
}
.headerinfoHotline::before {
position: absolute;
left: 0px;
content: url(../winecellar/images/header_icon_hotline.png);
top: 4px;
}
.headerinfoWhatsapp,
.headerinfoHotline {
position: relative;
display: inline-block;
padding: 0px 20px;
}
a:hover {
color: #ca003d !important;
}
.headerinfo a {
padding: 20px;
font-size: 30px;
color: inherit;
}
.hearderAdress {
font-size: 20px;
}
.bold{
font-weight: bold;
}
.navbar {
margin-bottom: 0px;
}
.green {
color: #2E7A33 !important;
}
.red {
color: #862632 !important;
}
/* body */
.priceTable thead{
background-color: #f7f7f7;
}
.priceTable h3{
line-height: 42px;
}
.align-middle{
vertical-align: middle !important;
}
.nav-item>div{
letter-spacing: 2px;
font-size: 15px;
}
.responsiveImg {
max-width: 100%;
}
.mainPageContent h1 {
margin: 100px 0px 40px 0px;
color: #862632;
text-align: center;
font-weight: bold;
}
.mainPageContent h4 {
color: #717071;
line-height: 30px;
font-weight: bold;
text-align: center;
}
.text-bold {
font-weight: bold;
}
.payIcon {
padding-top: 20px;
}
.userGuid span {
line-height: 40px;
font-size: 30px;
}
.userGuid p {
color: #862632;
}
.marginTop {
margin-top: 40px;
}
.respons .security p {
font-size: 14px;
}
.securityIcon {
text-align: center;
width: 30%;
}
.securityDetail {
width: 58%;
}
.gotoTop{
padding-top: 5px;
display: none;
z-index: 299;
position: fixed;
width: 40px;
height: 40px;
background-color: #333;
background-color: rgba(0,0,0,0.3);
font-size: 20px;
line-height: 36px;
text-align: center;
color: #FFF;
top: auto;
left: auto;
right: 30px;
bottom: 80px;
cursor: pointer;
border-radius: 2px;
}
.securityIcon,
.securityDetail {
font-size: 14px;
vertical-align: middle;
display: inline-block;
}
.security {
padding-bottom: 40px;
border-top: 40px solid #b4b4b5;
background-color: #f0f0f0;
border-bottom: 40px solid #b4b4b5;
}
.noMargin {
margin: 0px;
}
.marginBottom {
margin-bottom: 40px;
}
.fontZore {
font-size: 0px;
}
.storeDetail {
font-size: 14px;
}
.transport span {
color: #4c4c4c;
line-height: 40px;
font-size: 30px;
background-color: #cdcdcd;
border-radius: 50%;
padding: 8px 18px;
}
.transport {
margin-bottom: 100px;
}
.social-icon {
font-size: 20px;
color: #fff;
padding: 10px;
}
.langBtn{
font-size: 15px;
float: right;
color: #000;
padding: 15px;
}
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
h3{
line-height: 30px;
}
.priceTable {
margin: 0px 12%;
box-shadow: 1px 1px 12px #ececec;
}
.payIcon img {
padding: 10px 20px;
}
.mainBanner {
background-attachment: fixed;
background-image: url("../winecellar/images/mainBanner.jpg");
background-position: 50% 50%;
background-size: cover;
height: 860px;
}
.navFixed{
width: 100%;
top: 0;
position: fixed;
z-index: 999;
background-color: #fff;
}
.footerContact {
font-size: 14px;
color: #fff;
}