/*
 Theme Name:   Storefront Child
 Description:  Storefront Child Theme
 Author:       Petar Garžina
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  storefront-child
*/

@font-face {
	font-family: Lora Bold;  
	src: url(http://www.sitesofzadar-apartments.com/wp-content/themes/storefront-child/fonts/Lora-Bold.ttf);  
	font-weight: normal;  
}
@font-face {
	font-family: Lora Regular;  
	src: url(http://www.sitesofzadar-apartments.com/wp-content/themes/storefront-child/fonts/Lora-Regular.ttf);  
	font-weight: normal;  
}
@font-face {
	font-family: Lora Italic;  
	src: url(http://www.sitesofzadar-apartments.com/wp-content/themes/storefront-child/fonts/Lora-Italic.ttf);  
	font-weight: normal;  
}


h1, h2, h3, h4, h5, h6 {
    color: #484c51;
}
#masthead {
    background-image: url(http://www.sitesofzadar-apartments.com/wp-content/uploads/2017/05/bg3.png) !important;
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: top right;
}

.site-title a, .site-branding h1 a {
    color: #a52a2a !important;
    font-family: 'Lora Italic' !important;
    text-transform: uppercase !important;
    font-size: 25px !important;
    letter-spacing: 11px !important;
    text-align: center !important;
}
.site-title, .site-description {    text-align: center; }
.site-header {
    border-bottom: 3px solid #a52a2a;
}

/* https://support.woothemes.com/hc/en-us/articles/203522379-How-to-remove-Sort-By-from-the-shop-page */
.woocommerce .storefront-sorting {
display: none;
}

.site-header {
  margin-bottom: auto !important;
padding-top: 1.618em !important; 
}

.site-branding {
  margin-bottom: 0px !important;
}
.main-navigation {
    margin-bottom: 10px;
    width: 100% !important;
}
.primary-navigation {
float: right !important;

}
.main-navigation ul li a:before {
    content: "\f005" !important;
    color: #ffbf00 !important;
}

.caption-wrap {
background-color: #440000 !important;
}
.caption-book{

}
.caption-book a{
color: white;

}
.footer-widgets {
    border-bottom: 3px solid rgb(189, 82, 42) !important;
padding-top: 1.236em !important;
}
.site-footer h3 {
    color: #a52a2a;
    font-weight: 400;
}
.site-footer a:not(.button) {
     color: #a52a2a !important;
    font-weight: 400 !important;
}
.widget_nav_menu ul li:before {
    content: "\f005" !important;
color: #ffbf00 !important;
}
.textwidget {
color: #80461b !important;
}
.entry-header h1 {
font-family: 'Lora Italic';
    color: #80461b;
    font-weight: 100;
    margin-top: 25px;
    letter-spacing: 1px;
}


.flex-control-paging li a.flex-active {
    background: rgba(115, 0, 0, 0.9) !important;
}
.su-list i {
color: #a52a2a !important;
}
.su-note-inner {
background-color: #a52a2a !important;
    color: #ffffff !important;
    font-size: 14px !important;
}
input[type="submit"] {
    background-color: #a52a2a !important;
}

/* hide SKU on product meta section */
.product_meta {
	display:none !important;
}
.product_meta .sku_wrapper {
	display:none !important;
}

/* hide product categories on product meta section */
.product_meta .posted_in {
	display:none !important;
}

/* hide product tags on product meta section */
.product_meta .tagged_as {
	display:none !important;
}

.variations_form {
    margin-bottom: 0px !important;
padding: 0 !important;
}
div.product .summary {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 880px) {
.menu-item a {
padding: 1.618em 0.6em !important;
    font-size: 15px !important;
}
#masthead {
    background-size: 50%;
}


}

@media screen and (max-width: 780px) {
.site-title {
max-width: 300px !important;
}
.site-title a {
    font-size: 19px !important;
}
.site-branding h1 a {
font-size: 19px !important;
}

#site-navigation {
position:relative;
}
.menu-toggle {
    position: absolute !important;
    bottom: 0;
    right: 0;
}
}

@media screen and (min-width: 768px) {
.contact-us-left {
display: inline-block; 
width: 55%;
padding-right: 15px;   
}
.contact-us-right {
display: inline-block; width: 35%; padding-left: 15px;
}
}


@media screen and (min-width: 768px) {
    /* LOGO */
    .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
      width: 40% !important; /* Use px values if you want, eg. 350px */
    margin-right: auto !important;
}
}

@media (min-width: 768px) {
.woocommerce-active .site-header .site-header-cart {
   /* width: initial; */
    padding-bottom: 20px;
    float: right !important;
    margin-right: 0;
    margin-bottom: 0;
}

.site-header-cart .cart-contents .count {
    font-weight: 300;
    opacity: .5;
    font-size: .857em;
    margin-right: 10px;
}

.front-sections {
  display:inline-block;
  width: 49%;
    padding-left: 8px;
    padding-right: 8px;
}

}
@media screen and (max-width: 640px) {
.caption-wrap {
display: none !important;
}
}
@media screen and (max-width: 440px) {
#site-navigation {
position: initial !important;
    margin-bottom: 25px !important;
}
.menu-toggle {
    position: absolute !important;
    bottom: 5px;
    right: 5px;
}

}