/* Fonts */

@font-face {
  font-family: LatoRegular;
  src: url(/css/fonts/latoRegular.ttf);
}

@font-face {
  font-family: LatoBlack;
  src: url(/css/fonts/latoBlack.ttf);
}

@font-face {
  font-family: LatoBold;
  src: url(/css/fonts/latoBold.ttf);
}

@font-face {
  font-family: LatoHeavy;
  src: url(/css/fonts/latoHeavy.ttf);
}

@font-face {
  font-family: LatoLight;
  src: url(/css/fonts/latoLight.ttf);
}

@font-face {
  font-family: LatoMedium;
  src: url(/css/fonts/latoMedium.ttf);
}

@font-face {
  font-family: LatoSemibold;
  src: url(/css/fonts/latoSemibold.ttf);
}

@font-face {
  font-family: LatoThin;
  src: url(/css/fonts/latoThin.ttf);
}

body{
    font-family: LatoRegular;
    color: #333;
}

/* Fonts - LatoBlack */
.personName,
.personEmail,
.badge-brown,
.dropdown-menu,
.receiverAddress,
.receiverName,
.receiverEmail,
.col-xs-12.padding-top-20 h4,
.checkoutOrderProductRow,
.modal2 .modal-title,
.gifticum-panel-title-text,
.btn.btn-round.btn-brown.confirmPersonData,
.container-fluid.gifticum-page-header-title,
#filterModal .sortFilter,
#filterModal .sortFilter h3,
#filterModal .categoryFilter,
#filterModal .categoryFilter h3,
#filterModal .perPageFilter,
#headerMenuModal .h4,
.perPageFilter.margin-top-15 b
.navbar-default .navbar-toolbar>li>a,
.btn.btn-brown.btn-round.filterDropdownButton,
.gifticum-page-header a.web-category-link,
.cartOrderProductRowName, 
.cartOrderProductQuantity, 
.cartOrderProductRowPrice,
.panel-title.inline-block.padding-left-10 {
    font-family: LatoBlack;
}


/* Fonts - LatoMedium */
.gifticum-page .product-name,
.gifticum-page .nav.nav-tabs.nav-tabs-line {
    font-family: LatoMedium;
}

/* Fonts - LatoRegular */
.receiverPhone,
#deliveryMethodFilled .editAddressButton {
    font-family: LatoRegular; 
}

/* Categories menu */

.gifticum-page-header .navbar{
min-height: unset;
margin-left: -27px;
}

.navbar-default .navbar-toolbar>li>a{
color: #333;
}

.nav.navbar-toolbar.inline-block{
margin-top: 7px;
}

@media (min-width: 961px){
.gifticum-page-header{
padding-top: 20px !important;
padding-bottom: 20px !important;
}
}

@media (max-width: 960px){
.gifticum-page-header{
padding-top: 20px !important;
padding-bottom: 20px !important;
    }
}

@media (min-width: 961px){
.padding-vertical-0{
    padding-top: 5px !important;
    padding-bottom: 10px !important;
}
}

.gifticum-page .categoryDropdown .dropdown-toggle.active{
    padding-top: 24px;
    margin-top: -13px;
    border-top: 4px solid #553921;
}

.navbar-default .navbar-toolbar>li>a:focus, .navbar-default .navbar-toolbar>li>a:hover{
    color: #553921;
    background-color: transparent;
}

.navbar-default .navbar-toolbar>.open>a, .navbar-default .navbar-toolbar>.open>a:focus, .navbar-default .navbar-toolbar>.open>a:hover{
    color: #553921;
    background-color: transparent;
}

.gifticum-page a{
    color: #333;
}

.gifticum-page a:hover{
    color: #333;
}

.gifticum-page .page-header-dropdown{
    padding: 15px 0px;
}

/* Header */

@media (max-width: 768px){
.custom-site-navbar ul > li > a{
padding: 10px 7px;
}
}

.icon.md-shopping-cart{
    font-size: 30px !important;
    color: #553921;
}

.inline-block.hidden-960-down{
    font-size: 13px;
}

/*
.gifticum-logo{
padding: 20px;
}

gifticum-site-header-right{
padding-top: 16px;
padding-bottom: 16px
}

*/


/* Filter dropdown */

.btn.btn-brown.btn-round.filterDropdownButton{
margin-top: 14px !important;
font-weight: 600;
}

.gifticum-page-header-nav-button.btn.btn-brown.btn-round{
    font-weight: 600;
}

.container-fluid{
padding-left: 10px;
}

.dropdown-menu{
color: #333;
font-size: 16px;
}

.gifticum-page .sortFilter .container{
padding-top: 10px;
line-height: 1.7;
}

.perPageFilter.margin-top-15 .container{
padding-top: 8px;
line-height: 1.7;
}

.dropdown.filterDropdown.pull-right{
    margin-right: -15px;
}


.perPageFilter.margin-top-15{
    margin-top: 25px !important;
}


.checkedIcon{
    font-weight: 600;
    margin-top: 5px;
    margin-left: -4px;
}

.btn.btn-brown.btn-round.margin-top-15.loadProducts{
    margin-top: 30px !important;
}

/* Filter mobile */

#filterModal .categoryFilter{
    font-size: 16px;
    color: #333;
}

#filterModal .categoryFilter h3{
    font-size: 16px;
    color: #333;
}

#filterModal .sortFilter{
    font-size: 16px;
    color: #333;
}

#filterModal .sortFilter .container{
    padding-top: 0px;
}

#filterModal .sortFilter h3{
    font-size: 16px;
    color: #333;
}

#filterModal .perPageFilter{
    font-size: 16px;
    color: #333;
    margin-top: 17px;
}

#filterModal .perPageFilter .container{
    margin-top: 9px;
}

#headerMenuModal .h4{
    font-size: 16px;
    line-height: 2.1;
    
}

.close{
    top: 37px !important;
}

/* Products list view */

.gifticum-page .product-name{
    color: #333;
    font-size: 20px;
}

.gifticum-page .productPrice{
    color: #553921;
    font-weight: 500;
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 12px;
}

.web-product{
    margin: 15px;
}

#productsPanel .panel-body{
    padding: 10px 10px;
}

.web-product .padding-10{
    padding-bottom: 20px !important;
}


/* Product detail view */

.gifticum-page #productPanel .imagesContainer{
    width: 40%;
}

.gifticum-page #productPanel .dataContainer{
    width: calc(100% - 40%);
}

@media (max-width: 768px){
    .gifticum-page #productPanel .dataContainer{
        width: 100%;
    }
}

@media (max-width: 768px){
    .gifticum-page #productPanel .imagesContainer {
        width: 100%;
    }
}

.dataContainer .productPrice{
    padding-top: 2px;
    padding-bottom: 7px;
}

.gifticum-page .nav.nav-tabs.nav-tabs-line{
    font-size: 12px;
    text-transform: uppercase;
}

.gifticum-page .nav-tabs-line>li.active>a{
    color: #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
}

.nav-tabs {
    border-bottom: 1px solid #f3f3f3;
}

#descriptionTab{
    color: #3a3a3a;
}

.gifticum-page-header a.web-category-link{
    font-size: 16px;
}

.web-category-link.icon.md-home{
    font-family: Material-Design-Iconic-Font;
    font-size: 18px;
}


/* Checkout sidebar */

.cartSidepanelProductImage{
    width: 80px;
}

.cartOrderProductQuantity{
    width: 130px;
}

.cartOrderProductRowPrice{
    width: 80px;
    text-align: right;
}

.cartOrderProductRowName, .cartOrderProductQuantity, .cartOrderProductRowPrice{
    color: #333;
    font-size: 14px;
}

.panel-title.inline-block.padding-left-10{
    padding-left: 22px !important;
}

#cartSidepanel .col-xs-12.padding-top-20 h4{
    padding-left: 10px;
}

/* Checkout */

.badge-brown{
    background-color: #553921;
    color: white;
    margin-bottom: 3px;
}

.gifticum-panel-title-text{
    color: #333;
    font-size: 16px;
    margin-left: 10px;
}

.container-fluid.gifticum-page-header-title{
    color: #333;
    font-size: 16px;
    margin-left: -10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-material.form-green .form-control:focus ~ .floating-label{
    color: #b78e51;
}

.form-material .floating-label{
    color: #333;
}

.form-control{
    color: #333;
}

.form-material.form-green .form-control{
    background-image: linear-gradient(#b78e51, #b78e51), linear-gradient(#e0e0e0, #e0e0e0) !important;
}

.checkoutOrderProductRow{
    color: #333;
    font-size: 14px;
}


.modal2 .modal-title{
    color: #333;
    font-size: 18px;
}

.modal2 .margin-right-10{
    margin-right: 15px !important;
    margin-top: 3px;
}

.modal2 .modal-header{
    padding: 25px;
}

@media only screen and (max-width: 768px){
    .modal-body, .modal-footer{
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 30px;
}
}

@media (max-width: 800px){
    .panel-body{
        padding: 30px 30px;
    }
}

.clickable{
    font-size: 14px;
}

.personName{
    font-size: 18px;
    color: #333;
    line-height: 1.9;
}

.personPhone{
   line-height: 1.9; 
}

.personEmail{
    line-height: 1.9;
}


.paymentMethodNotSelected .col-xs-4{
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.panel-footer{
    padding-bottom: 30px;
}

.checkoutOrderProductRowImage{
    float: left;
    padding-left: 0px !important;
}

.checkoutOrderProductRowName{
    float: left;
}

.checkoutOrderProductRowQuantity{
    padding-top: 7px !important;
}

.checkoutProductImage{
    width: 80px;
}


.checkoutOrderProductRowPrice{
    text-align: right;
    padding-right: 0px !important;
}

.col-xs-12.padding-top-20 h4{
    color: #333;
}

.receiverAddress{
    font-size: 18px;
    color: #333;
}

#deliveryMethodFilled .icon.md-pin-drop{
    color: #553921; 
}

#deliveryMethodFilled .icon.md-account{
    color: #553921;
}


.receiverPhone{
    font-size: 14px !important;
}

.receiverEmail{
    font-size: 14px !important;
}

.receiverName{
    font-size: 18px;
}

#deliveryMethodFilled .editAddressButton{
    font-size: 14px !important;
}

#deliveryMethodFilled .col-xs-12.margin-bottom-10{
    margin-bottom: 20px !important;
}

#deliveryMethodFilled .btn.btn-pure.backToDeliveryMethodSelect{
    padding-left: 0px;
    margin-left: -4px;
    padding-bottom: 15px;
}

#deliveryMethodFilled h3{
    margin-top: 10px;
}

.backToPaymentMethodSelect{
    padding-bottom: 15px;
    padding-left: 0px;
    margin-left: -4px;
}

.selectedPaymentMethodButtonConainer{
    padding-bottom: 20px;
}


.col-xs-12.description{
    padding-top: 15px;
    padding-bottom: 20px;
}

.col-xs-12.selectedDeliveryMethodButtonConainer{
    padding-top: 15px;
}

@media (min-width: 769px){
#checkoutDeliveryMethodModal .col-sm-12{
    padding-top: 15px;
}
}

@media (max-width: 768px){
#checkoutDeliveryMethodModal .col-sm-12{
    padding-top: 70px !important;
}
}

/* Checkout confirm */

#checkoutDeliveryPanel .icon.md-pin-drop{
    color: #553921; 
}

#checkoutDeliveryPanel .icon.md-account{
    color: #553921;
}

#checkoutDeliveryPanel h3{
    margin-top: 10px;
}